แนะนำการติดตั้ง การกำหนดค่า และใช้งานใบรับรอง SSL (ฟรีเวอร์ชั่น) เพื่อเพิ่มความปลอดภัยสำหรับเว็บไซต์ของคุณ

แนะนำการติดตั้ง การกำหนดค่า และใช้งานใบรับรอง SSL (ฟรีเวอร์ชั่น) เพื่อเพิ่มความปลอดภัยสำหรับเว็บไซต์ของคุณ

สำหรับคนที่ต้องการ หรือกำลังให้ความสนใจในการเพิ่มประสิทธิภาพ และความปลอดภัยของเว็บไซต์ของท่านเอง บทความนี้ผมจะขอแนะนำ SSL ฟรีเวอร์ชั่นของ Cloudflare และวิธีการติดตั้ง การตั้งค่าต่าง ๆ รวมถึงการใช้งานในระบบ DNS ของท่าน เพื่อเพิ่มประสิทธิภาพ และยกระดับความปลอดภัยของเว็บไซต์ของท่านเอง และที่สำคัญที่สุดคือปัจจุบัน Google ให้คะแนนกับเว็บไซต์ที่มีการตั้งค่าที่ดียิ่งขึ้นสำหรับหน้าเว็บที่มี HTTPs เป็นโปรโตคอล และมีโอกาสมากขึ้นที่หน้าเว็บของคุณจะปรากฏในการค้นหาของ Google ถ้าท่านใช้งาน SSL Cloudflare จะช...

ติดตั้ง XAMPP 7.0 บน Ubuntu และ Mac OSX และเปิดใช้งาน Redis และ Memcached Extensions

ติดตั้ง XAMPP 7.0 บน Ubuntu และ Mac OSX และเปิดใช้งาน Redis และ Memcached Extensions

และแล้วตอนนี้ก็ถึงเวลาที่จะปรับปรุงเว็บเซิร์ฟเวอร์ของเราเสียที หลังจากที่ PHP ได้พัฒนามาถึง PHP7.0 https://www.asiahttp.com/site/article/what-to-expect-php7.html ซึ่งทางผู้พัฒนาได้กล่าวว่าได้ปรับปรุงในเรื่องของความปลอดภัยที่มากขึ้น และประสิทธิภาพการทำงานที่ดียิ่งขึ้น และไวกว่าเดิม และตอนนี้ทาง XAMPP ที่พัฒนาแอพพลิเคชั่นสำหรับจำลองเว็บเซิร์ฟเวอร์ Apache + PHP + Mysql ก็ได้พัฒนาชุดติดตั้ง XAMPP 7.0 ให้เหล่านักพัฒนาเว็บไซต์ได้นำไปใช้งานกัน ซึ่งวันนี้ผมจะแนะนำวิธีการติดตั้ง XAMPP 7.0...

ติดตั้ง AMPPS เพื่อสร้าง Web Server Apache, Mysql, PHP, Perl, Python สำหรับนักพัฒนาโปรแกรมบนเว็บ

ติดตั้ง AMPPS เพื่อสร้าง Web Server Apache, Mysql, PHP, Perl, Python สำหรับนักพัฒนาโปรแกรมบนเว็บ

สำหรับนักพัฒนาโปรแกรมบนเว็บ หรือโปรแกรมเมอร์หลายๆคน ที่ทำงานในด้านการพัฒนาเว็บแอพพลิเคชั่น หรือแม้แต่คนที่สนใจในการพัฒนาเว็บแอพพลิเคชั่นนั้น เครื่องมือที่สำคัญอย่างยิ่ง ก็คงจะหนีไม่พ้น เว็บเซิฟเวอร์ (Web Server) ที่จะใช้รันสคริป (Script) หรือ ซอสโค๊ด (Source Code) เพื่อดีบัก หรือทดสอบการทำงานของระบบเว็บแอพพลิเคชั่นที่เราได้พัฒนาขึ้นมา ซึ่งหากเป็นของฟรีก็คงจะไม่พ้น Apache Web Server (อาปาเช่ เว็บเซิฟเวอร์) วันนี้ผมจะขอแนะนำการติดตั้ง AMPPS ซึ่งเป็นแอพพลิเคชั่นที่ใช้สร้าง เว็บเซิฟเ...

แนะนำการติดตั้ง และใช้งาน RethinkDB ฐานข้อมูล NoSQL ที่กำลังมาแรงในปัจจุบัน

แนะนำการติดตั้ง และใช้งาน RethinkDB ฐานข้อมูล NoSQL ที่กำลังมาแรงในปัจจุบัน

เมื่อประมาณ 2 ปีที่ผ่านมา (ปี 2014) ผมได้เขียนบทความแนะนำฐานข้อมูลแบบ NoSQL ซึ่ง ณ ตอนนั้นกำลังมาแรง และมีคนให้ความสนใจมากเลยทีเดียว ซึ่งเหมาะกับการนำไปใช้งานกับเว็บไซต์ หรือแอพพลิเคชั่นระบบงานแบบ Realtime โดยผมได้แนะนำ MongoDB จากบทความ MongoDB คืออะไร , NoSQL คืออะไร, การติดตั้ง MongoDB , แนะนำการใช้งาน MongoDB เบื้องต้น , การติดตั้ง Driver , Extension สำหรับ PHP เพื่อติดต่อกับ MongoDB ก็มีผู้ที่สนใจเข้ามาอ่าน ศึกษา หาความรู้กันมากเลยทีเดียว วันนี้ผมเลยจะมาแนะนำ ฐานข้อมูล ...

สร้างระบบลงชื่อเข้าใช้งาน (Login System) ความปลอดภัย 2 ชั้น ด้วย Google Authenticator และ PHP

สร้างระบบลงชื่อเข้าใช้งาน (Login System) ความปลอดภัย 2 ชั้น ด้วย Google Authenticator และ PHP

จากบทความ Google Authenticator คืออะไร? ผมได้อธิบายเกี่ยวกับ Feature หรือ แอพพลิเคชั่น (Application) ที่ทาง Google ได้พัฒนาขึ้นมาใหม่ ซึ่งเปิดตัวให้ใช้งานไปเมื่อไม่นานมานี้ เพื่อตรวจสอบความปลอดภัยในการเข้าถึงบัญชี และเข้าใช้งานระบบบริการต่างๆของ Google เพื่อยกระดับความปลอดภัยให้กับผู้ใช้งาน ด้วยแอพพลิเคชั่น Google Authenticator ที่ให้ดาวน์โหลดมาใช้งานกันได้ฟรีในสมาร์ทโฟน และแท็บเล็ต ที่ใช้ระบบปฏิบัติการ ทั้ง Android และ iOS ผ่านทาง Google Play และ App Store  และในเ...

Google Authenticator คืออะไร?

Google Authenticator คืออะไร?

เมื่อไม่นานมานี้ทาง Google ได้เปิดตัว Google Authenticator ซึ่งให้เราเปิดใช้งานกับบัญชี (Application) ของ Google เช่น Gmail , Google Play ฯลฯ โดยที่มาที่ไปของตัว Google Authenticator นั้น หลักๆเลย ก็เพื่อยกระดับความปลอดภัย ในการเข้าใช้งานระบบแอพพลิเคชั่นต่างๆ ผ่านทางบัญชีของ Google เช่น การลงชื่อเข้าใช้งานระบบของ Google เองผ่านทาง Google ID หรือ Gmail โดยสำหรับผู้ที่ใช้งานระบบปฏิบัติการ Android หรือ iOS จะมี Application ให้ไปดาวน์โหลดมาติดตั้งใช้งานได้ฟรี ซึ่งก...

ทดลองสร้าง RESTful services โดยใช้ Slim PHP Framework

ทดลองสร้าง RESTful services โดยใช้ Slim PHP Framework

จากบทความ REST (Representational State Transfer) คืออะไร? ที่ผมได้อธิบายถึง สถาปัตยกรรมการสื่อสารข้อมูล ซึ่งเป็นแนวทางใหม่ในการสร้าง Web Service แบบเรียบง่าย โดยเรียกใช้งานผ่านทาง HTTP Method GET / POST / PUT / DELETE และส่งข้อมูลออกมาในรูปของ XML วันนี้มีโอกาสได้เขียนบทความ จึงจะเขียนบทความแนะนำ และยกตัวอย่าง แนวทางการพัฒนาเว็บแอพพลิเคชั่นแบบ RESTful Services ซึ่งในปัจจุบันมีผู้ให้ความสนใจมากเลยทีเดียวในเรื่องของ RESTful Services จากการตรวจสอบข้อมูล และความสนใจของผู้ใช...

12 สิ่งที่บอกว่าการ Design ของเรา ดูดีหรือยัง?

12 สิ่งที่บอกว่าการ Design ของเรา ดูดีหรือยัง?

หลักการหรือคุณลักษณะบางสิ่งบางอย่างที่พอจะบอกได้ว่า ดีไซน์นี้ดีหรือไม่ดีอย่างไร เพราะถึงแม้คำว่าดีไซน์จะกินความหมายที่ค่อนข้างกว้าง แต่หากจำกัดลงมาให้อยู่ในแง่ของการดีไซน์เพื่อการสื่อสารแล้ว มันก็พอที่จะกำหนดออกมาเป็นเรื่องๆได้ บทความนี้จึงจะพาไปหาเหตุผลในความดูดีของดีไซน์ ว่ามันจะดูดีได้ด้วยองค์ประกอบแบบไหนบ้าง เผื่อใว้เป็นแนวทางในการอธิบายงานตัวเองของนักออกแบบ หรือแม้แต่ฝั่งคนที่วิจารณ์งานก็จะได้สามารถบอกกับนักออกแบบได้อย่างเห็นภาพตรงกันมากขึ้น1. มีจุดโฟกัส จุดโฟกัสคือส่วนที่เด่นชัดที่สุดในภ...

สร้างระบบ Like แสดงอารมณ์ คล้ายๆ Facebook ด้วย PHP MySQL และ jQuery

สร้างระบบ Like แสดงอารมณ์ คล้ายๆ Facebook ด้วย PHP MySQL และ jQuery

ย้อนเวลาไปไม่กี่วันก่อนหน้านี้ Facebook ได้เปิดตัวปุ่มถูกใจ (Like Button) ที่มีการแสดงอารมณ์ Emoticon ที่หลากหลายมากขึ้น ซึ่งก็เป็นลูกเล่นที่น่าสนใจ สามารถที่จะนำไปพัฒนาใช้งานกับงานของเราได้ เช่น ระบบเว็บบอร์ด หรือ การแสดงความคิดเห็นในหน้าบทความหรือข่าวประชาสัมพันธ์ ในเว็บไซต์ของเรา ให้มีลูกเล่นมากขึ้น วันนี้ผมจึงจะมาแนะนำแนวทางการสร้าง ปุ่มกดถูกใจ (Like Button) แสดงอารมณ์ และลูกเล่นที่หลากหลาย คล้ายๆ Facebook ด้วย PHP, PDO MySQL และ jQuery กันครับออกแบบฐานข้อมูลUsers TableCREATE TABL...

สร้างระบบ Login PHP กับ MySQL ด้วย PDO

สร้างระบบ Login PHP กับ MySQL ด้วย PDO

นานมากแล้วที่ไม่ได้เขียนบล๊อก วันนี้จะมาแนะนำการสร้างระบบลงชื่อเข้าใช้งาน (Login System) ด้วยภาษา PHP กับฐานข้อมูล MySQL ด้วย PHP PDO กันครับ PHP PDO คืออะไรวันนี้มีคำตอบนะครับ PDO คือ Extension หรือส่วนเสริมของ PHP ย่อมาจากคำว่า PHP DataObject ซึ่งเป็น Object ที่ใช้ในการเชื่อมต่อกับฐานข้อมูลได้หลากหลายโดยที่เราไม่ต้องมานั่งเรียนรู้การใช้งานฐานข้อมูลแต่ล่ะฐาน ที่สำคัญคือใช้คำสั่งเดียวสามารถทำงานได้กับฐานข้อมูลหลายๆ แบบได้นั่นเอง เช่นคำสั่งเรียกข้อมูล $obj->fetch() หากมีการเปลี่ยนฐานข้อมูลก็ย...

มีอะไรใหม่ใน php7

มีอะไรใหม่ใน php7

เมือปลายปีที่แล้วมีข่าวการนำเสนอ PHP7 จาก Rasmus Lerdorf ผู้คิดค้น และพัฒนาภาษา PHP ขึ้นมา ในงาน PHPConf.Asia 2015 ที่ประเทศสิงคโปร์ ซึ่ง Rasmus Lerdorf ได้บรรยายถึง PHP7 ว่ามีอะไรใหม่บ้างให้ผู้พัฒนาเว็บไซต์ได้รู้จักอย่างเป็นทางการมีอะไรใหม่ใน PHP7แคชระดับสอง ได้มีการปรับปรุงให้ใช้งานเมมโมรี่น้อยลง เพื่อให้ทำงานได้รวดเร็วยิ่งขึ้น ซึ่งก็คือการทำงานจะเร็วเพิ่มเป็น 2 เท่าของ Ruby และ Pyhton มีการสร้างไฟล์เป็นแคชระดับสองสำหรับ OpCode สำหรับ PHP7 จะเห็นว่ามีไฟล์ in...

แสดงการแจ้งเตือน notifications จาก Web Application ในเว็บเบราว์เซอร์

แสดงการแจ้งเตือน notifications จาก Web Application ในเว็บเบราว์เซอร์

ห่างหายไปนานเลยเหมือนกันที่ไม่ได้มาเขียนบทความเกี่ยวกับทิป เทคนิคการพัฒนาเว็บแอพพลิเคชั่นให้ได้อ่านกัน วันนี้มีโอกาส (มีเวลาว่าง) เลยมาเขียนบทความแนะนำการใช้งาน Browser Notifications แสดงการแจ้งเตือนผ่านทาง Desktop ซึ่งจะมี function พื้นฐานให้ใช้งานอยู่แล้วในเว็บบราวเซอร์ Chrome และ Firefox ซึ่งนักพัฒนาเว็บแอพพลิเคชั่นหลายๆคนยังไม่ทราบว่ามี function นี้ให้ใช้งาน แต่วันนี้ผมจะมาแนะนำการเรียกใช้งาน function การแจ้งเตือนแบบ push notifications โดยใช้ Javascript , jQuery และ Vanilla JSการเริ่มต้...

GNU GENERAL PUBLIC LICENSE  (GPL 2 ฉบับภาษาไทย)

GNU GENERAL PUBLIC LICENSE (GPL 2 ฉบับภาษาไทย)

จากบทความที่แล้วผมได้พูดถึงเรื่องของ Open Source License (Open Source License คืออะไร?) ว่ามันคืออะไร และมีความสำคัญอย่างไรกับนักพัฒนาซอฟต์แวร์อย่างเราๆ หรือแม้แต่ผู้ใช้งานเอง วันนี้ผมเลยจะมาแนะนำเรื่องของสัญญาอนุญาต Open Source License ฉบับภาษาไทยประเภท GNU General Public License (GPL) กันครับGPL 2 ฉบับภาษาไทย  This is an unofficial translation of the GNU General Public License into Thai. It was not published by the Free Software Foundation, and does not legally state the distri...

การใช้งาน Google chrome developer tools ในการพัฒนาเว็บแอพพลิเคชั่น

การใช้งาน Google chrome developer tools ในการพัฒนาเว็บแอพพลิเคชั่น

การพัฒนา และออกแบบเว็บแอพพลิเคนั้น ในขั้นตอนของการพัฒนาบางครั้งเราต้องการที่จะทดสอบการทำงาน และการแสดงผลของเว็บแอพพลิเคชั่นที่เราพัฒนาขึ้นมา ว่าเป็นไปตามความต้องการของเราหรือไม่ จะต้องแก้ไข หรือปรับปรุงในส่วนของ Element หรือ Tag ตัวไหน เพื่อให้ได้แอพพลิเคชั่นที่ตรงกับความต้องการของเรา ซึ่งเมื่อก่อนเราต้องไปไล่ Code ที่เราเขียนขึ้นมาทีละบรรทัด แล้วทำการแก้ไข จากนั้นก็ทำการทดสอบในบราว์เซอร์ เพื่อดูการทำงาน และการแสดงผล ซึ่งนับเป็นการยุ่งยากอย่างมากในการพัฒนาเว็บแอพพลิเคชั่น และทำให้เกิดความล่าช้า...

สร้างระบบตรวจสอบ และป้องกันสแปม (Captcha) โดยใช้ Google reCaptcha API

สร้างระบบตรวจสอบ และป้องกันสแปม (Captcha) โดยใช้ Google reCaptcha API

ไม่นานมานี้ทาง Google ได้พัฒนา และเปิดตัว reCaptcha API ซึ่งเป็นระบบตรวจสอบ และป้องกันสแปม (Captcha) ซึ่งหลายๆคนอาจจะเคยใช้ Captcha ในรูปแบบของตัวอักษร ตัวเลข ซึ่งก็มีให้เลือกใช้งานมากมาย แต่วันนี้ผมจะมาแนะนำ reCaptcha API ซึ่งใช้งานง่าย และแตกต่างจาก Captcha ที่เราเคยใช้กัน เพราะเราไม่จำเป็นต้องกรอกรหัสยืนยันใดๆ เพียงแค่คลิกเท่านั้น ซึ่งจะสะดวกมากขึ้นสำหรับผู้ใช้งาน หรือผู้เยี่ยมชมเว็บไซต์ของเราขั้นตอนการขอ reCaptcha Key จาก Google1. ทำการลงทะเบียนเพื่อขอใช้งาน reCaptch...

REST (Representational State Transfer) คืออะไร?

REST (Representational State Transfer) คืออะไร?

Representational State Transfer (REST) นั้นถูกพูดถึงครั้งแรกในปี 2000 โดย Roy Thomas Fielding ซึ่ง Representational State Transfer (REST) นั้นเป็น Architecture (สถาปัตยกรรมการสื่อสารข้อมูล) รูปแบบหนึ่งที่ใช้แผร่กระจายสื่อ เป็นแนวทางใหม่ในการสร้าง Web Service แบบเรียบง่าย โดยเรียกใช้ผ่านทาง HTTP Method GET / POST / PUT / DELETE และส่งข้อมูลออกมาในรูปของ XML ทำให้ปริมาณข้อมูลที่รับส่ง น้อยกว่าการใช้ Protocol SOAP อยู่มาก ซึ่งข้อดีข้อนี้ของ REST ทำให้ Developer หลายๆ คนหันมาสนใ...

การตรวจจับ และใช้งานโหมดการเขย่า (Shake) ของสมาร์ทโฟนด้วย jQuery.ios-shake

การตรวจจับ และใช้งานโหมดการเขย่า (Shake) ของสมาร์ทโฟนด้วย jQuery.ios-shake

ในบทความนี้ผมจะอธิบายวิธีการตรวจจับการเขย่า (Shake) ของโทรศัพท์โดยใช้ jQuery ผมได้นำมาใช้เป็นแนวทางที่จะนำไปประยุกต์ใช้กับงาน หรือแอพพลิเคชั่นที่จะพัฒนาขึ้นมาในโอกาสข้างหน้า เช่น เขย่าอุปกรณ์มือถือ เพื่อสุ่มคูปองส่วนลดการซื้อสินค้าในหน้าเว็บไซต์ของเรา ให้กับลูกค้า หรือมอบของขวัญให้กับลูกค้าที่เข้ามาซื้อสินค้า และบริการในหน้าเว็บไซต์ของเรา หรือจะนำไปประยุกต์ใช้กับการพัฒนาแอพพลิเคชั่นอื่นๆ เพื่อเพิ่มลูกเล่น และดึงดูดผู้ใช้งานให้เข้ามายังเว็บไซต์ของเรามากยิ่งขึ้น โดยใช้ jQuery Plungin (jQuery.ios-...

Material Design ภาษาใหม่สำหรับนักออกแบบ โดย Google

Material Design ภาษาใหม่สำหรับนักออกแบบ โดย Google

Material Design ทาง Google ซึ่งเป็นผู้พัฒนาได้นำเสนอว่าเป็นการสร้างภาษาสำหรับการออกแบบใหม่ (Design Language) โดยลักษณะการออกแบบจะอาศัยกระดาษเป็นแม่แบบ สำหรับคนที่อาจจะไม่ได้ติดตามข่าวงาน Google I/O และนึกภาพไม่ออกว่า Material Design หน้าตาเป็นอย่างไร แนะนำให้ดูวิดีโอนำเสนอของกูเกิลก่อนครับ จะได้เห็นภาพตรงกัน Material Design คืออะไร? Material Design ไม่ใช่เป็นแค่ธีม (Theme) แต่มันลงลึกไปถึงการวางโครงสร้างของวัตถุ วัตถุพื้นฐานของ Material Design คือ "กระ...

เทคนิคการใช้ CSS กำหนดขนาดตัวอักษรในเว็บไซต์ด้วยหน่วย REM

เทคนิคการใช้ CSS กำหนดขนาดตัวอักษรในเว็บไซต์ด้วยหน่วย REM

การกำหนดหน่วย (Unit) ใน CSS เพื่อกำหนดขนาดการแสดงผลข้อความของเราในเว็บไซต์ยังเป็นที่ถกเถียงกันในขณะนี้ ว่าจะเขียนหรือกำหนดขนาดของข้อความของเราโดยใช้หน่วยอะไรดี ที่จะครอบคลุม และรองรับการแสดงผลกับทุกๆเว็บบราว์เซอร์ (ฺBrowser) ที่แตกต่างกัน ซึ่งหลักๆที่นิยมกันมีอยู่ 2 วิธี คือกำหนดขนาดด้วยพิกเซล (px)กำหนดขนาดด้วย em (เอ็ม) จากข้อ 1 การกำหนดขนาดโดยใช้หน่วย px (Pixel) นั้นจะเป็นการกำหนดขนาดที่ตายตัว (Absolute) ซึ่งเป็นหน่วยที่นิยมใช้กันอย่างมากในอดีต และปัจจุบันก็ยังนิยมใช้กันอยู่ ซึ่งข้อดีของหน่วย...

เทคนิคการกำหนดเมื่อคลิกลิงค์ <a> แล้วให้โทรออกไปยังหมายเลขโทรศัพท์ที่กำหนดไว้

เทคนิคการกำหนดเมื่อคลิกลิงค์ แล้วให้โทรออกไปยังหมายเลขโทรศัพท์ที่กำหนดไว้

จากหัวเรืองที่ผมเขียนไว้ อ่านแล้วอาจจะดูทะแม่งๆ หรืองงๆ กันนะครับ ว่าคลิกลิงค์แล้วให้โทรออก บางคนอาจจะสงสัยว่ามันจะปลอดภัยหรือเปล่า หรืออาจจะสงสัยว่ามันจะทำได้ยังไง เอาล่ะครับผมจะอธิบายให้ฟังว่า ในการเขียนแท๊กลิงค์ หรือ <a>...</a> นั้นเดิมทีนั้นนอกจากจะเป็นการกำหนดเส้นทาง URL ที่เราต้องการ เช่น<a href="https://www.asiahttp.com">Go to www.siamhttp.com</a> หรือ <a href="index.html">หน้าหลัก</a> เพื่อให้ทำการลิงค์ หรือ เชื่อมโยงไป ไม่ว่าจะเป็นในแต...

เทคนิคการเขียน PHP และ MYSQL แบบมีประสิทธิภาพ และทำงานได้ดีขึ้น

เทคนิคการเขียน PHP และ MYSQL แบบมีประสิทธิภาพ และทำงานได้ดีขึ้น

วันนี้ผมเอาเทคนิค การเขียนโปรแกรมภาษา PHP และ Mysql ให้มีประสิทธิภาพมากยิ่งขึ้น ทำงานได้เร็วขึ้น ที่โปรแกรมเมอร์ บางท่านอาจจะยังไม่รู้ มาฝากกันครับ เพราะการเขียนโปรแกรมเพื่อให้ได้ระบบงานที่ตรงตามความต้องการของผู้ใช้งานนั้นสำคัญแล้ว แต่การเขียนโปรแกรมที่ดี และคำนึงถึงประสิทธิภาพของการทำงานของระบบงานที่เราพัฒนาขึ้นนั้น สำคัญยิ่งกว่า[PHP]คำสั่ง echo จะทำงานเร็วกว่าคำสั่ง printการสั่ง echo ถ้าใส่ ‘string’ จะทำงานเร็วกว่าใส่ “sting” เนื่องจากว่าตัว php จะตรวจสอบว่ามี variable อยู่ใน “” หรือเปล่า แต่จ...

ระบบตัดเงินผ่านบัตรเครดิต ต้องทำหรือไม่?

ระบบตัดเงินผ่านบัตรเครดิต ต้องทำหรือไม่?

เมื่อลูกค้าต้องการทำเว็บไซต์ขายของ มักจะมีความต้องการ (Requirement) มาด้วยว่าอยากให้ตัดเงินเพื่อชำระค่าสินค้าผ่านบัตรเครดิตได้ ซึ่งในมุมมองของคนไม่รู้ มันก็ดูดีนะ ไหนๆ เสียเงินทำเว็บไซต์แล้วก็อยากให้มีช่องทางการจ่ายเงินที่ดี เวลาซื้อของผ่านอินเตอร์เน็ต ก็เลยจะนึกถึงการจ่ายเงิน และให้ชำระเงินผ่านทาง (บัตรเครดิต) ขั้นตอนการขอเปิดบริการจ่ายเงินผ่านบัตรเครดิต (Credit card payment gateway) จะว่าทำง่ายก็ง่าย จะว่ายากก็ยาก แต่ที่แน่ๆ มันวุ่นวายมาก โดยทั่วไปจะใช้ 2 วิธี1. เปิด Gateway กับทางธนาคารโดยตร...

เทคนิค Set fullscreen browser window ด้วย jQuery

เทคนิค Set fullscreen browser window ด้วย jQuery

การใช้งานโหมด Full Screen หรือ โหมดเต็มจอใน Web Browser เช่น Google Chrome , Mozilla Firefox , Internet Explorer หรือ Opera นั้นเราสามารถกดปุ่ม F11 บนแป้นพิมพ์ของเราเพื่อ เปิด/ปิด การใช้งานโหมด Full Screen ได้ แต่บางทีเราไม่อยากให้ User ต้องมากดปุ่ม F11 เอง หรือ บางทีมีเหตุผล หรือความจำเป็นที่จะต้องให้โปรแกรมของเราทำงานแบบ Full Screen วันนี้ผมจะมาแนะนำการเขียนโปรแกรม เพื่อ เปิด/ปิด การใช้งานโหมด Full Screen โดยใช้ jQuery กันครับสร้างไฟล์ HTML ดังนี้<html> <head> <title>Fullsc...

ทดสอบ feature JavaScript library, HTML, CSS รุ่นใหม่ ใน Browser ด้วย Modernizr Javascript Libary

ทดสอบ feature JavaScript library, HTML, CSS รุ่นใหม่ ใน Browser ด้วย Modernizr Javascript Libary

Modernizr คืออะไร Modernizr คือ JavaScript Library ขนาดกระทัดรัด ที่ใช้ตรวจสอบ Web Browser ที่ต้อง Render Web Application ที่เราพัฒนาขึ้นมาว่า รองรับ หรือสนับสนุน JavaScript, HTML, CSS รุ่นใหม่ที่เราพัฒนาหรือไม่ เพราะ JavaScript Libary หรือ Framework รุ่นใหม่ๆที่เราไปดาวน์โหลดมาใช้อาจจะต้องใช้ Feature หรือคุณลักษณะใหม่ใน HTML5 หรือ CSS3 ซึ่งจะไม่รองรับใน Web Browser รุ่นเก่าๆ ดังนั้น Modernizr จึงเกิดขึ้นมาช่วยเราทดสอบ Web Browser ว่าสนับสนุนคุณลักษณะใหม่ทั้ง JavaScript และ CSS ที่จะเพิ่มเข้าไปห...

สร้าง Effect การเคลื่อนไหวเมื่อเปลี่ยนหน้าเว็บไซต์ด้วย CSS3

สร้าง Effect การเคลื่อนไหวเมื่อเปลี่ยนหน้าเว็บไซต์ด้วย CSS3

เมื่อก่อนถ้าเราจะใส่ Effect การเคลื่อนไหว ให้กับหน้าเว็บไซต์ส่วนมากเรามักจะใช้ Javascript ในการสร้าง Effect การเคลื่อนไหวขึ้นมาใช้ในเว็บไซต์ของเราให้ดูมีลูกเล่น และมีชีวิตชีวา แต่เมื่อ CSS3 ได้ถือกำเนิดขึ้นมา การสร้าง Effect ให้กับหน้าเว็บไซต์ก็มีทางเลือกเพิ่มขึ้นอีกทางนึง วันนี้ผมจะแนะนำเทคนิค การใส่ Effect การเคลื่อนไหวให้กับหน้าเว็บไซต์ของเราด้วย CSS3 กันครับHTML CODE ส่วนเนื้อหา<!-- Home --><div id="home" class="content">    <h2>Home</h2> &nbs...

แนวทางการตรวจสอบชนิดอุปกรณ์ที่เข้ามายังเว็บไซต์ของเราด้วย PHP

แนวทางการตรวจสอบชนิดอุปกรณ์ที่เข้ามายังเว็บไซต์ของเราด้วย PHP

การตรวจสอบอุปกรณ์ที่ผู้ใช้งาน หรือ User ใช้เข้ามายังเว็บไซต์ของเราจำเป็นอย่างยิ่งในยุคที่เราต้องแข่งขันกัน เพื่อเราจะได้เก็บข้อมูลความสนใจของผู้ใช้งาน และเก็บเป็นข้อมูลรายงานเพื่อปรับปรุงเว็บไซต์ของเราให้เหมาะสมกับอุปกรณ์ แต่ละขนาดหน้าจอที่มีความละเอียดไม่เท่ากัน โดยลำดับความสำคัญจากความสนใจนี้ได้ และนอกจากการใช้เพื่อเก็บเป็นข้อมูลรายงานแล้ว ในด้านของการเขียนโปรแกรมก็จำเป็นที่จะต้องใช้อย่างมาก ยกตัวอย่างหากเว็บไซต์ SiamHTTP มี 2 เวอร์ชั่น คือ เป็นเวอร์ชั่นสำหรับเครื่อง PC หรือ Notebook ซึ่งมีควา...

แบ่งหน้าและแสดงผลข้อมูลโดยใช้รูปแบบวันที่ด้วย PHP + Mysql + jQuery Ajax + CSS Bootstrap

แบ่งหน้าและแสดงผลข้อมูลโดยใช้รูปแบบวันที่ด้วย PHP + Mysql + jQuery Ajax + CSS Bootstrap

ปกติโดยทั่วไปแล้วหากข้อมูลที่เราจัดเก็บลงใน Database หรือ ฐานข้อมูลของเรานั้นมีจำนวนหลายเรคคอร์ด หรือหลายแถว เวลาเราเขียนโปรแกรมเพื่อแสดงข้อมูลเหล่านั้น เราก็มักจะใช้เทคนิคการแบ่งหน้าแบบ หน้า 1 หน้า 2 .... หรือแบบตัวเลขธรรมดาทั่วไป วันนี้ผมจะแนะนำเทคนิคการแบ่งหน้า และแสดงผลข้อมูลโดยใช้วันที่กันครับ เหมาะสำหรับการนำไปใช้แบ่งหน้าข้อมูลที่มีวันที่กำกับ หรือข้อมูลรายงานประจำวันต่างๆ โดยจะใช้ PHP + Mysql + jQuery Ajax + CSS BootstrapDatabase table:  "messages"123456CREATE TABLE IF NOT EXIST...

สร้าง Effect เมื่อ Mouse Hover ให้กับ Icon Menu ด้วย CSS3

สร้าง Effect เมื่อ Mouse Hover ให้กับ Icon Menu ด้วย CSS3

การทำเว็บไซต์นอกจากจะมีการออกแบบหน้าตาเว็บไซต์ที่ดี ที่สะอาด และสวยงาม น่าเข้าชม กับบทความ หรือเนื้อหาในเว็บไซต์ที่มีคุณภาพแล้ว ส่วนสำคัญอีกอย่างในการที่จะดึงดูดผู้ใช้งานให้กลับมาใช้งานเว็บไซต์ของเรา หรือการสร้างความประทับใจให้ผู้ใช้งานนั้น สิ่งสำคัญอีกอย่างคือการใส่ลูกเล่นให้กับเว็บไซต์ ให้เว็บไซต์ของเราสามารถตอบโต้กับผู้ใช้งานได้ เหมือนดั่งว่ามีชีวิต ชีวา ไม่แข็งทื่อ จนน่าเบื่อ วันนี้ผมจะมาแนะนำเทคนิคการสร้าง Effect ลูกเล่นสำหรับ Icon เมื่อผู้ใช้งานนำเมาส์ผ่าน หรือชี้ Icon ก็จะมี Effect สวยๆออ...

มาลองสร้างตารางเรียน แบบ ลาก วาง (Drag & Drop) ด้วย jQuery

มาลองสร้างตารางเรียน แบบ ลาก วาง (Drag & Drop) ด้วย jQuery

บทความนี้เราจะมาลองสร้างตารางเรียน ด้วย jQuery กันครับ โดยใช้ jQuery EasyUI ในการสร้าง โดยใช้เทคนิค แบบ ลาก วาง ( Drag and Drop ) ซึ่งนอกจากการทำตารางเรียน แล้ว ผมคิดว่าน่าจะมีประโยชน์ สำหรับหลายๆคน นำไปประยุกต์ต่อ กับงานอื่นๆ ได้อีก ครับ สำหรับ Code และการใช้งาน สามารถทำตาม Code ด้านล่างได้เลยครับดูตัวอย่างCode หน้าจอรายชื่อวิชา<div class="left"> <table> <tr> <td><div class="item">English</div></td> </tr> ...

NFC คืออะไร มีประโยชน์อย่างไร?

NFC คืออะไร มีประโยชน์อย่างไร?

หลังจากที่ Apple บริษัทยักษ์ใหญ่ทางด้านไอที ได้เปิดตัว iPhone 6 และ iPhone 6 Plus ไปเมื่อ วันที่ 9 กันยายน 2557 ที่ผ่านมา และ Apple ได้เพิ่มเทคโนโลยี NFC (Near Field Communication) มาใน iPhone 6 และ iPhone 6 Plus ซึ่งใช้เพียงการแตะสัมผัสก็สามารถจ่ายเงินได้แล้ว ซึ่ง Apple ได้เจรจากับทั้ง Visa, Mastercard และ American Express เป็นที่เรียบรัอยแล้ว การจ่ายเงินกับร้านค้าทั่วไป ตอนนี้ Apple ได้เจรจากับร้านค้าใหญ่ๆ ไว้แทบทั้งหมดแล้ว ตั้งแต่ McDonald’s, Nike, Subway รวมถึง Apple Store ด้วย ส่...

meta viewport กับ fixed width

meta viewport กับ fixed width

ในยุคแรกเริ่มของเว็บ ขนาดหน้าจอยังมีไม่หลากหลายนัก ที่โดดเด่นใช้กันหลักๆก็แค่ 640*480 และ 800*600 ในยุคต่อมาก็เริ่มมี 1024*768 ดังนั้นในยุคเริ่มต้นนี้เราจึงใช้ Table และกำหนดความกว้างด้วย width="nn%" เป็นส่วนมาก โดย nn แทนตัวเลข เช่น width="100%" ต่อมา มอนิเตอร์อัตราส่วน 16:9 เริ่มแพร่หลายเข้ามา ทำให้ขนาดหน้าจอมีความหลากหลายมากขึ้น รวมทั้งมอนิเตอร์ขนาดใหญ่ขึ้นจนถึงยุคปัจจุบัน การออกแบบจึงไปลงตัวที่การกำหนดความกว้างแบบตายตัว โดยหลักๆก็จะใช้ div และกำหนด CSSเช่น margin: 0 auto; width:900px; เ...

มาสร้าง Pattern Input คล้ายๆ Android ด้วย jQuery Pattern Input Plug-in

มาสร้าง Pattern Input คล้ายๆ Android ด้วย jQuery Pattern Input Plug-in

jQuery Pattern Input Plug-in เป็น jQuery plug-in เพื่อสร้างหน้าจอป้อนข้อมูลรูปแบบคล้ายๆ หน้าจอ Passcode หรือ Pattern Log Screen ของ Android ในสมาร์ทโฟน แตกต่างเพียงแค่เรานำมาใช้งานบน Browser ปลั๊กอินนี้ไม่จำเป็นต้องมีการใช้งานรูปภาพ หรือ ทรัพยากรอื่นๆเลย (นอกเหนือจาก jQuery) และ CSS Plug-in ตัวนี้เราสามารถนำไปประยุกต์เป็นระบบการตรวจสอบก่อนการเข้าสู่ระบบ (Login) หรือ ใช้ป้องกันสแปม หรือป้องกันข้อมูลอื่นๆ ตามรหัสที่เราตั้งไว้เบราว์เซอร์ที่รองรับPlug-in นี้ใช้ HTML5 Canvas ซึ่งจะไม่รองรับการแส...

Lorem Ipsum (ลอเร็มอิปซัม) คืออะไร?

Lorem Ipsum (ลอเร็มอิปซัม) คืออะไร?

สำหรับนักออกแบบเว็บไซต์ นักเขียนบทความ หรืองานด้านสื่อสิ่งพิมพ์ต่างๆ หรือแม้แต่กระทั่งบุคคลทั่วๆไป ต้องเคยผ่านหูผ่านตากันมาบ้างใช่ไหมครับ เรามักจะพบข้อความเหล่านี้บนเว็บไซต์ที่เป็นตัว Demo (ทดสอบ) หรือในแผ่นพับ โบรชัวร์สินค้า การ์ด ต่างๆ เพราะปกติจะมีตัวอย่างบทความเหล่านี้อยู่ เป็น Content หรือ Description คร่าวๆ เพื่อรอบทความจากลูกค้าอีกที เพื่อจะได้ให้เห็นตัวอย่างที่สมจริงประมาณว่า ถ้าหากลูกค้าให้บทความหรือเนื้อหาที่แท้จริงมาแล้วจะแสดงผลยังไง มีลักษณะยังไง ซึ่งจำเป็นต่อการเลือกใช้บริการ หรือรู...

สร้าง tooltips กล่องคำอธิบายเล็กๆ ด้วย css3

สร้าง tooltips กล่องคำอธิบายเล็กๆ ด้วย css3

ปกติแล้วใน Browser เมื่อเรากำหนดแท็ก title ก็จะมี tooltip หรือกล่องคำอธิบายเล็กๆแสดงขึ้นมา เพื่ออธิบาย หรือขยายความ หรือบ่งบอกเพิ่มเติมเกี่ยวกับส่วนนั้นๆ ว่าคืออะไร เช่นรูปภาพ เป็นรูปภาพเกี่ยวกับอะไร หรืออาจจะแสดงหัวข้อเนื้อหาก็ได้ แต่เรื่องความสวยงาม และลูกเล่นแล้วไม่ค่อยสวยเท่าไหร่ มันยังไม่ถูกใจวัยรุ่นอย่างเราๆ วันนี้ผมเลยจะมาแนะนำการสร้าง tooltip ด้วย css3 กันครับCSS3/** * CSS3 Tips * * A stylesheet for creating tooltips without using anything other than CSS3. * * created by c.bavota * relea...

รู้จักกับ Penguin Google Algorithm

รู้จักกับ Penguin Google Algorithm

ก่อนจะทำความรู้จักกับเจ้าเพนกวิน หลายคนคงยังอาจจะสงสัย และติดใจกับ แพนด้า ที่แสนน่ารัก ที่ออกกฎให้เราไปวางแผน OnPage และ OffPage กันยกใหญ่ จะยังทำงานกับเราอยู่มั้ย จะช่วยส่งเสริม เว็บดีมีคุณภาพอยู่มั้ย บอกตามตรงว่า น้อง แพนด้า ยังอยู่กับเราครับ ยังทำหน้าที่ คัดกรองเว็บดีมีคุณภาพอยู่เหมือนเดิม อ้าวแล้ว เพนกวินล่ะ มายังไง มาทำอะไร เรามาทำความรู้จักกันเลยครับPenguin สายตรวจหน้าใหม่แห่ง Googleครับอย่างที่ผมบอกครับ Google นั้นไม่ได้ตัดระบบ  Algorithm ของ แพนด้า ไปครับ ( น้องแ...

8 คุณประโยชน์ที่ไม่อาจปฏิเสธ Search Engine Optimization

8 คุณประโยชน์ที่ไม่อาจปฏิเสธ Search Engine Optimization

1.การสร้างลูกค้าด้วยค่าใช้จ่ายที่ประหยัดอย่างที่ทราบกันอยู่ว่าเราไม่ต้องเสียค่าใช้จ่ายแต่อย่างใดในการที่จะทำให้ Search Engine มาเก็บเว็บไซต์ของเรา และถ้าหากเว็บไซต์ของเราทำ SEO อย่างถูกต้องแล้วก็ยิ่งจะทำให้เราได้รับผู้เยี่ยมชมที่สามารถกลายเป็นลูกค้าของเราได้อย่างง่ายดายโดยไม่เสียค่าใช้จ่ายแต่อย่างใด ในขณะที่คนอื่นอาจจะต้องเสียค่าใช้ จ่ายจำนวนมากต่อเดือนเพื่อลงโฆษณาบน Sponsored Links ไม่ว่าจะเป็น Google, Yahoo หรือ MSN2.ค่าใช้จ่ายที่คงที่ค่าใช้จ่ายในการทำ Search Engine Optimization จะเป็นอะไรที่ค...

กำหนด Placeholder ให้กับ tag input ใน HTML5 เพื่อให้รองรับในทุก Browser ด้วย jQuery

กำหนด Placeholder ให้กับ tag input ใน HTML5 เพื่อให้รองรับในทุก Browser ด้วย jQuery

Placeholder คืออะไร ผมจะอธิบายแบบสั้นๆเลยนะครับ ก็คือ เป็น Attribute หรือ คุณลักษณะที่กำหนดข้อความที่เป็นพื้นหลัง หรือคำอธิบายคร่าวๆ สำหรับ Input แบบ Text หรือ Textarea ซึ่งคุณลักษณะนี้ถูกกำหนดมาใน HTML5 ซึ่งจะเห็นได้เด่นชัดมากเพราะว่าจะมีแท็ก Attribute นี้เลย Placeholder = 'คำอธิบาย' ส่วนถ้าจะถามผมว่า ถ้าจะใช้ใน HTML ธรรมดาล่ะ? จริงๆมันก็มีเทคนิคหรือ วิธีที่ใช้ในการสร้าง Placeholder มานานแล้วสำหรับ HTML เวอร์ชั่นก่อน หรือสำหรับ Browser ที่ยังไม่รองรับ HTML5 โดยมีวิธีแบบดังเดิม ดั...

การใช้งาน Ternary operator ใน php

การใช้งาน Ternary operator ใน php

วันนี้ผมจะมาแนะนำ การใช้งาน Ternary operator ใน php หรือการเขียน คำสั่งเงื่อนไขแบบสั้นๆ ปกติจะนิยมใช้ในการเขียนเงื่อนไข if .. else หรือบางคนจะเรียกว่า ( short if ) ซึ่งจะลดเวลา และจำนวนในการเขียน code ได้เยอะเลยทีเดียว มาดูตัวอย่างกันเลยครับปกติการเขียนเงื่อนไข if else จะเขียนดังนี้if ( 'on' == $value ) $check = 'It is on'; else $check = 'It is off'; จาก Code ด้านบน เราสามารถเขียนแบบ Ternary operator สั้นๆได้ ดังนี้ $check = ( 'on' == $value ) ? 'It is on' : 'It is off'; จา...

ป้องกันไม่ให้เกิด event ของ hashed Anchor แท็ก ด้วย jQuery

ป้องกันไม่ให้เกิด event ของ hashed Anchor แท็ก ด้วย jQuery

ในบางครั้งเราต้องการใช้งาน แท็กลิงค์ (a) หรือ Anchor tag แต่ไม่ได้ต้องการให้มันทำงานเพื่อลิงค์ไปยัง URL เลย เราต้องการเพียงแค่จะดักจับ Event ของมันเพื่อส่งค่า หรือส่งพารามิเตอร์บางอย่างแบบ Ajax ไปเท่านั้น ซึ่งโดยส่วนมากจะนิยมใช้แบบตัวอย่างที่ 1 หรือ 2HTML CODE EX1<a href="javascript:void(0)" class="Click">Click</a> HTML CODE EX2<a href="#" class="Click">Click</a> จากตัวอย่างด้านบนเมื่อเราทำการกดปุ่มลิงค์ (a) หรือ Anchor tag แล้ว Browser จะไม่ทำการลิงค์ไปไหนเลยเราก็จ...

รวม Class Font Awesome Iconic ไว้ใน Array สำหรับใช้งานใน PHP

รวม Class Font Awesome Iconic ไว้ใน Array สำหรับใช้งานใน PHP

Font Awesome Iconic คือ ชุดอักษรที่รวบรวมสัญลักษณ์ หรือไอคอน แบบต่างๆ เพื่อใช้ในการพัฒนาเว็บไซต์ ซึ่งการใช้งานก็ต้องเรียกใช้จากชื่อ Class เช่น <i class='fa fa-home'>หากแต่ว่ามีหลาย Class ใน Font Awesome เพราะ 1 สัญลักษณ์ ก็เท่ากับ 1 Class เวลาเราเรียกใช้งานใน HTML แบบกำหนดตายตัวไปเลยก็พอไหว แต่หากนำไปใช้ใน PHP หรือหากจำเป็นต้องใช้งานหลายๆ สัญลักษณ์พร้อมกัน คงต้องไปไล่ดู Class ว่ามีอะไรบ้างเพราะเยอะเหลือเกิน เลยปิ้งไอเดียแพครวมเป็น Array ไปซะเลยดีกว่า เพื่อต้องการที่จะแสดงรายชื่อทั้งหม...

แปลงรหัสสีจากรูปแบบ Hex Color Code เป็น RGB ด้วย PHP

แปลงรหัสสีจากรูปแบบ Hex Color Code เป็น RGB ด้วย PHP

การออกแบบเว็บไซต์ โดยใช้ CSS3 จำเป็นอย่างยิ่งที่ต้องใช้รูปแบบ Code สีที่เป็น RGB หรือ RGBA เพื่อใช้งานในการออกแบบเว็บไซต์ หรือเทมเพลตเว็บไซต์ของเรา เช่น คำสั่งการใส่ลักษณะเงา หรือ Effect เงาให้กับตัวอักษรที่เราต้องการtext-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);จากตัวอย่างคำสั่ง CSS ข้างต้น ใช้ Code สีที่เป็นแบบ RGB ซึ่งมีรูปแบบการกำหนด คือ R = RED (เฉดสีแดง) , G = GREEN (เฉดสีเขียว) , B = BLUE (เฉดสีน้ำเงิน) ซึ่งต้องกำหนดค่าตัวเลข ตั้งแต่ 0 - 255 ของแต่ละเฉดสีลงไป rgba(เฉดสีแดง 0-255 , เฉดสีเขียว ...

หลักการตั้งชื่อโดเมน (Domain Name)

หลักการตั้งชื่อโดเมน (Domain Name)

หลักการตั้งชื่อโดเมน (Domain Name) นอกเหนือจากเว็บเพจ และ Hosting ดังที่ได้กล่าวถึงไปในบทความที่ผ่านมาแล้ว Domain Name ก็เป็นองค์ประกอบสำคัญอีกอย่างหนึ่งในการที่จะประกอบกันเป็นเว็บไซต์ 1 เว็บ ไซต์ ซึ่ง Domain Name ก็คือชื่อเรียกของเว็บไซต์นั่น ๆ นั่นเอง สำหรับบทความนี้ เราจะมาพิจารณาถึงหลักในการตั้งชื่อ Domain กันครับชื่อ Domain Name ที่ดีควรประกอบด้วยอะไรบ้าง1. ชื่อต้องสั้นกระทัดรัด  ทั้งนี้ก็เพื่อให้ง่ายต่อการจดจำ ควรมีประมาณ 2-3 พยางค์ แต่หากเป็นชื่อที่ยาว ต้องเป็นชื่อที่จำง่าย สะกดง่าย...

	การจัดการเว็บเพจ ให้ถูกหลัก SEO

การจัดการเว็บเพจ ให้ถูกหลัก SEO

การจัดการให้หน้าเว็บเพจแต่ละหน้าในเว็บไซต์ของเรา เป็นไปตามหลักของ SEO จะทำให้เว็บไซต์ของเรามีการจัดอันดับที่ดีขึ้นได้ การจัดการเว็บเพจต้องทำอย่างไรบ้าง ดูได้ในบทความนี้ การทำ SEO ให้กับเว็บเพจแต่ละหน้าของเว็บไซต์ จะทำให้เว็บไซต์ของเราเป็นมิตร (friendly) กับ Robot ต่าง ๆ ของ Search Engine ได้นะครับ เมื่อเป็นมิตรกันก็คุยกันรู้เรื่อง เวลาใครถาม (ค้นหา) เว็บไซต์ของเราจาก Search Engine จะทำให้สามารถบอกข้อมูลของเว็บไซต์เราได้ (ทำยังกะบอทเป็นคนเลยอ่ะ)วิธีการทำให้เว็บไซต์ของเราเป็นมิตรกับบอท ก็ทำได้ง่า...

สร้างไฟล์ robots.txt เพื่อให้สิทธิ์การเข้าถึงข้อมูลบนเว็บไซต์

สร้างไฟล์ robots.txt เพื่อให้สิทธิ์การเข้าถึงข้อมูลบนเว็บไซต์

การสร้างไฟล์ robots.txt ไว้ในเว็บไซต์ของเรานั้น เพื่อเป็นการบอกบอทของแต่ละ Search Engine ที่มาเก็บข้อมูลในเว็บไซต์ของเรา ว่าอนุญาติให้บอทของที่ไหนมาเก็บอะไร หรือไม่ให้เก็บข้อมูลอะไรในเว็บไซต์บ้าง อย่างที่เกริ่นไปข้างต้น สำหรับผู้ที่มีเว็บไซต์การสร้างไฟล์ robots.txt ไว้ในเว็บของคุณจะเป็นการบอก บอทของ Search engine ว่า "ไม่ต้องการให้มาเก็บเว็บไซต์ของฉัน หรือไม่ต้องการให้เก็บข้อมูลหน้าบางหน้า หรือไฟล์บางไฟล์ ในเว็บของฉันนะ" ทั้งนี้ก็เพื่อไม่ต้องการให้ข้อมูลเหล่านั้นถูกเก็บไป หรือ index ไว้ในสารระบ...

แนะนำ Chosen jQuery plugin สำหรับสร้าง Listmenu แบบเจ๋งๆ

แนะนำ Chosen jQuery plugin สำหรับสร้าง Listmenu แบบเจ๋งๆ

Chosen jQuery plugin เป็น plugin ที่เอาไว้สำหรับสร้าง Listmenu หรือ Select option แบบสุดยอดเลยทีเดียว ซึ่งเจ้าตัวนี้จะมีลูกเล่นในการค้นหาคำ หรือตัวเลือกที่ต้องการ ในกรณีที่ Listmenu หรือ Select option ของเรามีจำนวนข้อมูลที่เยอะ เช่นข้อมูลจังหวัด ถ้าเลื่อนไปหาแบบเก่าๆที่เคยใช้กันคงลำบาก และยังสามารถเลือกตัวเลือก option ได้หลายตัว โดยสามารถส่งค่า Value ไปแบบ Array ได้เพื่อนำค่าไปใช้งาน  สำหรับการใช้งาน Chosen jQuery plugin ก็ไม่ยากครับ เพียงแค่ไปดาวน์โหลดตัว plugin มา&nbs...

10-เทคนิคการหา-backlinks-คุณภาพ

10-เทคนิคการหา-backlinks-คุณภาพ

การจะหาแบคลิงค์ (Backlinks, B/L) คุณภาพนั้นบางทีก็ไม่ใช่เรื่องง่ายที่จะหา หากเรายังไม่รู้ทิศทางว่าควรเริ่มที่จุดไหนก่อน ผมจะขอเสนอจุดเริ่มต้นของ 10 เทคนิคในการหาแบคลิงค์แบบง่ายๆ ที่ไม่ต้องมีเครื่องมืออะไรพิเศษก็สามารถหาได้ครับ1. 3rd party competition (ฝากลิงค์ในเว็บคู่แข่งของ Keyword เรา) ฟัง แล้วอาจดูงงๆแต่หลักการแล้วไม่มีอะไรเลย เช่นหากเราจะทำการโปรโมทเว็บขายกล้องดิจิตอลเราก็หาคำว่า "Digital Camera" แต่เรามองหาเว็บที่ไม่ได้ขายกล้องดิจิตอลแต่เป็นเรื่องอื่นเกี่ยวกับกล้องดิจิตอลอาจจะเป็...

Google PageRank คืออะไร ?

Google PageRank คืออะไร ?

PR หรือ Page Rank เป็น วิธีการจัดลำดับความสำคัญเว็บเพจทั่วโลก จาก Google โดยให้ชื่อว่า Google Page Rank การวัดค่าการจัดลำดับความสำคัญนี้ Google ได้กำหนดไว้ตั้งแต่ 0 ถึง 10 ยิ่งตัวเลขสูงเท่าไหร่ ค่า Page Rank หรือ PR จะยิ่งสูงเท่านั้น และเป็นเหตุให้ได้รับการจัดลำดับที่ดีกว่าจาก Google.เราจะสามารถทราบว่าเว็บของเรา หรือ เว็บต่าง ๆ หรือ Blog ต่าง ๆ มีค่า PR เท่าไร ได้โดยการดาวน์โหลดและทำการติดตั้ง Google Toolbar หลังจากติดตั้งเสร็จคุณก็จะได้ IE ที่มีการแนบ Google Toolbar ที่สามารถเช็ค PR หรือ Page R...

ฟรี bootstrap responsive templates

ฟรี bootstrap responsive templates

ฟรี 5 Bootstrap Website Template เทมเพลต สวยๆ สำหรับเว็บมาสเตอร์ เอาไว้สร้างเว็บไซต์แบบ Responsive 1. Corlate Bootstrap templateตัวอย่าง  ดาวน์โหลด2. Nova Bootstrap templateตัวอย่าง  ดาวน์โหลด3. Sitename Bootstrap templateตัวอย่าง  ดาวน์โหลด4. Flat theme Bootstrap templateตัวอย่าง  ดาวน์โหลด5. Umbrella Bootstrap templateตัวอย่าง  ดาวน์โหลด...

ออกแบบเว็บไซต์ยังไงให้ทันสมัย

ออกแบบเว็บไซต์ยังไงให้ทันสมัย

ธุรกิจที่มีการใช้งานอินเทอร์เน็ตจะมีการปรับปรุงเนื้อหาในเว็บไซต์ของตนอย่างสม่ำเสมอ รวมทั้งมีการออกแบบเว็บไซต์ใหม่ทุกปี เหตุผลคือ พนักงานขายในบางบริษัทจะไม่สนับสนุนให้ลูกค้าที่คาดหวังเข้าไปยังเว็บไซต์ของบริษัทที่มีข้อมูลที่ไม่ทันสมัย หรือใช้งานได้ยาก Llise Benun ผู้เขียนหนังสือ "Designing Web Sites for Every Audience" กล่าว  ผู้เยี่ยมชมจะมองหาข้อมูลเกี่ยวกับวันที่เพียงเล็กน้อย แล้วสรุปว่าพวกเขามาถึงทางตัน หรือจุดสิ้นสุดของเว็บไซต์แล้ว และเมื่อลูกค้ารายใหญ่ของคุณคลิกเข้ามาเพื่อเข้าร่วมการสัม...

การออกแบบโลโก้

การออกแบบโลโก้

หลักการออกแบบโลโก้ให้เป็นที่จดจำนั้นไม่ยากหรอกครับ วิธีง่ายสุดในการสร้าง ไอเดีย คือพยายามเข้าไปดูไอเดียตามเว็บต่างๆ ว่าโลโก้แบบไหนที่คุณมองแล้วคิดว่า มันสะดุดตาจำง่ายนั่นแหละ หลังจากที่มีแบบคร่าวๆอยู่ในใจแล้ว ก็ลองร่างบนกระดาษก่อนก็ได้ แล้วพยายามทำตาม ส่วนมากถ้าไม่รู้จะทำยังไง ก็เริ่มจากตัวอักษรก่อนก็ได้ คำแนะนำ ถ้าอยากได้โลโก้สวยๆ พยายามหา fonts สวยๆมาเก็บไว้ในเครื่องบ้าง จะช่วยให้โลโก้ที่เราออกแบบนั้นน่าประทับใจยิ่งขึ้นหลักการออกแบบ  ออกแบบให้มีเอกลักษณ์ มีข้อความที่ทำให้คนมองแล้วรู้ว่าน...

ขนาดมาตรฐานของแบนเนอร์ (Standard Banner Size)

ขนาดมาตรฐานของแบนเนอร์ (Standard Banner Size)

แบนเนอร์ถือเป็นเครื่องมือโฆษณาที่สำคัญ ปัจจุบันเวปไซต์ต่างๆก็มักจะมีพื้นที่ในการติดป้ายโฆษณา บ้างก็เพื่อสร้างคอมมูนิตี้ (Communities) ระหว่างเว็บไซต์ด้วยกันเเอง บ้างก็เพื่อการสร้างรายได้ ด้วยการให้เช่าพื้นที่ในการประชาสัมพันธ์ให้แก่เว็บไซต์อื่นๆ ในเว็บไซต์เหล่านั้นจะมีแบนเนอร์มากมาย หลากหลายสีสัน หลากหลายรูปแบบ มีทั้งแบบที่เป็น ภาพนิ่ง (statics banner) ภาพกระพริบ(gif animation) และภาพเคลื่อนไหว (Flash animation) แต่ละเวปไซด์ก็มีขนาดที่แตกต่างกันไป แต่จริงๆแบนเนอร์นั้นมี...

การออกแบบแบนเนอร์ โฆษณา

การออกแบบแบนเนอร์ โฆษณา

การออกแบบแบนเนอร์ ให้น่าสนใจ ใครเห็นเป็นต้องสะดุดตามอง ได้อ่านแบนเนอร์ของเรานั้น เราต้องใช้หลักการออกแบบจัดวาง และลงสีให้เหมาะสม จะทำให้แบนเนอร์ของเรานั้นสะดุดตาครับ มีภาพ โลโก้ เพื่อให้ดึงดูดความสนใจ ใช้สีสันสดใสเพื่อสร้างอารมณ์สนุกให้แก่คนที่เข้ามาชม แต่พื้นหลังของงานก็ไม่ได้ฉูดฉาดมากเกินไป ทำให้จุดเด่นของภาพ เป็น ภาพ โลโก้ ตัวอักษรโฆษณา ตามลำดับออกแบบอย่างไรให้ตรงกลุ่มเป้าหมาย เรื่องตายน้ำตื้นสำหรับ คนที่เป็น Graphic Designer ส่วนมากแล้วเท่าที่เคยเห็นมา ออกแบบงานได้สวยนะ แต่ทำไมไม่...

การเลือกใช้ Font ในการออกแบบเว็บไซต์

การเลือกใช้ Font ในการออกแบบเว็บไซต์

ในการออกแบบให้สวยงามนั้น สิ่งที่สำคัญอย่างหนึ่งที่เราไม่ควรจะมองข้ามเลย ก็คือ ตัวอักษร หรือ Font ครับ เอาล่ะวันนี้จะพามาดูเรื่องของการเลือกใช้ font ให้เหมาะกับงานของเราครับ อาร์ตก็สรุปคร่าวๆ อาจจะไม่ถูกหลักตามที่เค้าสอนกันทั่วไปก็ได้ แต่ใช้ได้จริงๆครับหลักการเลือก fontสำหรับงานทั่วไป พยายามเลือก font ที่เข้าใจได้ง่าย อ่านง่าย ดูแล้วอ่านออกทันที จะทำให้เราสามารถสื่อใจความสำคัญของงานออกมาสู่ผู้ชมได้เร็วครับการออกแบบแนวศิลป์ อาจใช้ font ที่ดูมีความหมาย อ่านแล้วต้องคิดตามนิดนึงถึงจะเข้าใจความหมายได...

สีกับงานออกแบบเว็บไซต์

สีกับงานออกแบบเว็บไซต์

สีมีอิทธิพลในเรื่องของอารมณ์การสื่อความหมายที่เด่นชัด กระตุ้นการรับรู้ทางด้านจิตใจมนุษย์สีแต่ละสีให้ความรู้สึก อารมณ์ที่ไม่เหมือนกัน สีบางสีให้ความรู้สึกสงบ บางสีให้ความรู้สึกตื่นเต้นรุนแรง สีจึงเป็นปัจจัยสำคัญอย่างยิ่งต่อการออกแบบเว็บไซต์ ดังนั้นการเลือกใช้โทนสีภายในเว็บไซต์เป็นการแสดงถึงความแตกต่างของสีที่แสดงออกทางอารมณ์ มีชีวิตชีวาหรือเศร้าโศก รูปแบบของสีที่สายตาของมนุษย์มองเห็นสามารถแบ่งออกเป็น 3กลุ่ม คือ1.สีโทนร้อน (Warm Colors) เป็นกลุ่มสีที่แสดงถึงความสุข ความปลอบโยน ความอบอุ่...

ความรู้พื้นฐานเกี่ยวกับการสร้างเว็บไซต์

ความรู้พื้นฐานเกี่ยวกับการสร้างเว็บไซต์

ขั้นตอนการพัฒนาเว็บไซต์  การออกแบบเว็บไซต์ให้มีข้อมูลและรายละเอียดที่ครบถ้วน และครอบคลุมกับความต้องการ เว็บไซต์มีความสวยงาม อีกทั้งง่ายต่อการดูและปรับเปลี่ยนข้อมูลในภายหลังนั้น ควรมีการวางแผนในการพัฒนาเว็บไซต์ที่ดี ซึ่งพอสรุปขั้นตอนได้ดังนี้คือ1. กำหนดวัตถุประสงค์ของเว็บไซต์ การพัฒนาเว็บไซต์ ควรเริ่มจากการกำหนดวัตถุประสงค์ให้เห็นภาพชัดเจนว่าต้องการนำเสนอหรือต้องการให้เกิดผลอะไร เมื่อทราบวัตถุประสงค์แล้วก็จะสามารถกำหนดรายละเอียดอื่น ๆ ที่เกี่ยวข้องได้ เช่นลักษณะหน้าตาและสีสันของเว็บเพจ2...

Open Source License คืออะไร?

Open Source License คืออะไร?

Open Source License สำหรับคนทำงานสายด้านการพัฒนาซอฟต์แวร์นั้นย่อมจะเคยผ่านหูผ่านตาบ้าง แต่หลายๆคนอาจจะยังไม่รู้จัก ว่ามันคืออะไร? มีไว้ทำอะไร? และมีอะไรบ้าง? Open Source License มีหลายแบบ ขึ้นอยู่กับว่าผู้พัฒนาโปรแกรมจะเลือกให้โปรแกรมของตัวเองเป็นแบบไหน โดยแบบที่เห็นๆกันบ่อยๆก็จะมี GNU, GPL, LGPL, Apache, BSD, CC เป็นต้น โดยเรามาเริ่มทำความรู้จักกับ Open Source License ตัวแรกเลย คือ1. GNU General Public License (GPL)เป็นลิขสิทธิ์พื้นฐานที่ถูกใช้กันอย่างแพร่หลายสำหรับ open-source projects ซึ...

ใช้ html5 table อย่างไรให้เหมาะสม?

ใช้ html5 table อย่างไรให้เหมาะสม?

อย่าใช้ table สร้าง layoutการใช้ table ในการสร้าง layout นั้นเคยเป็นที่นิยมในอดีต แต่ในปัจจุบันกลับไม่เป็นที่นิยมเนื่องจากวิธีนี้มีข้อเสียในหลายๆ ด้านด้วยกันAccessibilitylayout ที่ใช้ table มักจะแสดงผลไม่ค่อยถูกต้องเมื่อดูด้วย screen readerMaintainabilityการแก้ layout จะทำได้ค่อนข้างลำบาก เพราะต้องไปแก้ html ในทุกๆ หน้าFlexibilityมีความยืดหยุ่นไม่มากนักPerformancetable ใช้เวลาในการ render ค่อนข้างนาน เนื่องจาก algorithm มีความซับซ้อน ยิ่งมี tables หลายๆ อัน ซ้อนกัน ยิ่งทำให้ performance ลดลงPrin...

ทำไมต้อง Responsive Web Design?

ทำไมต้อง Responsive Web Design?

คาดว่าหลายๆ คน คงเคยอ่านบทความเกี่ยวกับ Responsive Web Design มาบ้างแล้วใช่มั้ยครับ แต่ถ้ายังรู้สึกว่ายากอยู่ หรือยังไม่รู้ว่าจะเริ่มต้นยังไง บทความนี้ ผมจะสรุปขั้นตอนสำคัญๆ มาให้อ่านง่ายๆ ครับ เรียกได้ว่า ถ้าอ่านให้เข้าใจ แล้วลงมือทำตามขั้นตอนต่อไปนี้ รับรองว่าทำได้แน่นอนครับ เคยมั้ยครับ? ที่เวลาเข้าเว็บไซต์นึงใน PC แล้วแสดงผลออกมาหน้าตาสวยงาม ใช้งานง่าย แต่พอไปเปิดเว็บไซต์นั้น บนมือถือกลับพบว่าใช้งานค่อนข้างลำบาก เนื่องจากตัวหนังสือรวมไปถึงรูปภาพมีขนาดเล็กลง ปุ่มต่างๆ ก็เล็กจนกดยาก แถมยังมีโ...

responsive-web-design คืออะไร?

responsive-web-design คืออะไร?

ความหมาย และ ความสำคัญ ของ Responsive Web Design ในปัจจุบัน Mobile Internet Users ได้มีจำนวนเพิ่มขึ้นอย่างรวดเร็ว ซึ่ง Mobile Devices นั้นมีความหลากหลายมาก ไม่ว่าจะเป็น ขนาดและความละเอียดของหน้าจอแสดงผล(screen size and resolution) แนวของการแสดงผล(orientation) หรือแม้แต่ระบบปฏิบัติการ(OS) ถ้าเป็นสมัยก่อน เราต้องทำเว็บไซต์ออกมาหลายๆ version เช่น Desktop version กับ Mobile version เพื่อให้เว็บไซต์ของเรา สามารถแสดงผลได้อย่างเหมาะสมกับ Device นั้นๆ ซึ่งวิธีนี้จะทำให้ต้นทุนเพิ่มขึ้น ทั้งในด้านเวลาและค...

10 ขั้นตอนง่ายๆ ในการทำ OnPage SEO

10 ขั้นตอนง่ายๆ ในการทำ OnPage SEO

1. Keyword in Domain , URL (keyword ตรงตัวในโดเมนจะมีความแข็งที่สูงมากในการทำอันดับใน SEO รองลงมาก็เป็น Subdomain,Subfolder,URL ตามลำดับ)2. Keyword in Title<title>...</title>(ควรจะbalanceทั้งคนและบอท กล่าวคือมีkeywordในtitleในขณะเดียวกันก็ควรคำนึงถึงการชักจูงคนคลิ๊กเข้าเว็บไซท์ด้วยเมื่อเห็นเว็บเราในSearch Engine)3. Keyword in Meta Description<meta name="description" content="..." />(มี keywords ใน meta content และเพื่อเป็นมาตรฐานสำหรับทุก Search Engine ควรใส่ไม่เกิน160ตัวอ...

4 ปัจจัยสำคัญในการสร้างแบคลิงค์ (Backlink)

4 ปัจจัยสำคัญในการสร้างแบคลิงค์ (Backlink)

การสร้างแบคลิงค์ไปยังเว็บไซต์ หลายๆคนยังทำกันในแนวทางที่ไม่ค่อยถูกต้องกันสักเท่าไหร่ คิดว่ายิ่งเยอะยิ่งดีแต่ก็ไม่ใช่ทั้งหมด การสร้างแบคลิงค์ที่ถูกต้องนั้น ควรคำนึงถึงความสัมพันธ์ระหว่างเนื้อหาของเว็บไซต์ รูปแบบการสร้างลิงค์ หรือแม้กระทั่งการเขียนคอมเม้นต์ที่ดีไปพร้อมกัน โดยความเห็นส่วนตัวของผมไม่ค่อยชอบแนวทางการสแปมลิงค์สักเท่าไหร่ แต่เมื่อเราจำเป็นต้องทำแบคลิงค์ก็ควรทำแบบมีคุณภาพ พูดมาซะยาวทีนี้เรามาดูกันว่า 4 ปัจจัยสำคัญในการสร้างแบคลิงค์ มีอะไรบ้าง1. Relevancy (relevant backlink)ความสัมพ...

Google panda คืออะไร?

Google panda คืออะไร?

Google panda สำหรับผู้ที่ทำ SEO ก็คงจะรู้จักกันดี แต่สำหรับผู้ที่กำลังเริ่มต้นทำ SEO ใหม่ๆ นั้น คงจะสงสัยว่า มันคืออะไร? วันนี้ผมจะมาแนะนำให้รู้จักกับ Google panda กันดีกว่าว่าจะน่ารักสู้ หลินปิง ได้รึเปล่า ^^Google panda คืออะไร? สำหรับผู้ที่กำลังเริ่มต้นศึกษา SEO ใหม่ๆ อาจจะสงสัยนะครับ วันนี้ผมจะมาแนะนำให้รู้จักกับ Google panda ตัวนี้ที่ Google ภูมิใจนำเสนอกันเลยทีเดียว Google panda นั้นเป็นโครงสร้างอัลกอริทึ่ม (Algorithm) ใหม่ของ Google เพื่อใช้คัดกรองเนื้อหาเว็บไซต์ที่มีเ...

แนะนำ jquery barcode plugin สำหรับสร้างบาร์โค๊ด

แนะนำ jquery barcode plugin สำหรับสร้างบาร์โค๊ด

จากบทความ Barcode คืออะไร?วันนี้ผมจะมาแนะนำ jQuery Barcode Plugin เอาไว้สร้าง Barcode เพื่อใช้งานกันครับ ซึ่งสามารถรองรับชนิดของ Barcode ได้หลายแบบ เช่น ean8, ean13, code11, code39, code128, codabar การใช้งานก็ไม่ยากครับเพียงแค่เรา include ไฟล์ jquery-barcode.js ก็สามารถเรียกใช้งาน jQuery Barcode Plugin เพื่อสร้างบาร์โค๊ดได้แล้ว ดาวน์โหลด <script type="text/javascript" src="jquery-1.3.2.min.js"></script>    <script type="t...

Barcode คืออะไร?

Barcode คืออะไร?

บาร์โค้ด (Barcode) หรือ “รหัสแท่ง” ประกอบด้วยเส้นมืด (สีดำ) และเส้นสว่าง(สีขาว) วางเรียงกันเป็นแนวดิ่ง เป็นรหัสแทนตัวเลข และตัวอักษร ใช้เพื่ออำนวยความสะดวกให้เครื่องคอมพิวเตอร์สามารถอ่านรหัสข้อมูลได้ง่ายขึ้น โดยใช้เครื่องอ่านบาร์โค้ด (Barcode Scanner) ซึ่งจะทำงานได้รวดเร็ว และช่วยลดความผิดพลาดในการคีย์ข้อมูลได้มาก บาร์โค้ดเริ่มกำเนิดขึ้นเมื่อ ค.ศ. 1950 โดยประเทศสหรัฐอเมริกาได้จัดตั้งคณะกรรมการเฉพาะกิจทางด้านพาณิชย์ขึ้นสำหรับค้นคว้ารหัสมาตรฐาน และสัญลักษณ์ที่สามารถช่วยกิจการด้านอุตสาหกรรม และสามา...

แนะนำ jQuery Hotkeys

แนะนำ jQuery Hotkeys

เมื่อเดือนก่อนผมได้รับงานมาทำเป็นโปรเจคเกี่ยวกับการยืม - คืนเอกสาร การพัฒนาก็ใช้ PHP+Mysql กับ jQuery ระบบก็ใหญ่พอประมาณครับ ใช้เทคนิค Ajax ของ jQuery มาพัฒนาระบบทีนี้ ตัวระบบเองจะให้ผู้ใช้มานั่งคลิกแต่ปุ่ม (Button) ที่เราทำให้มันก็ยังไงๆ ไม่ค่อยสะดวกเท่าไหร่ เช่นบางทีพิมพ์ข้อความอะไรลงไปในฟอร์มเสร็จแล้วต้องเลื่อนมือไปจับเมาส์ เพื่อคลิกปุ่ม Submit อีกทีเลยหาวิธีทำยังไงให้กดปุ่ม Enter ที่คีย์บอร์ดแล้วให้ฟอร์มมัน Submit เลย หรือจะค้นหาอะไรในระบบ กดแป้น F2 ที่คีย์บอร์ดแล้วให้ Panel ค้นหามันทำงาน ...

เทคนิคการรับค่าพารามิเตอร์ URL ปัจจุบันโดยใช้ JavaScript และ jQuery

เทคนิคการรับค่าพารามิเตอร์ URL ปัจจุบันโดยใช้ JavaScript และ jQuery

เทคนิคการรับค่าพารามิเตอร์ URL ปัจจุบันโดยใช้ JavaScript และ jQuery เทคนิคเล็กๆน้อยๆ ในการรับค่าพารามิเตอร์ URL ปัจจุบันโดยใช้ Javascript หรือ jQuery นั้นสามารถทำได้ดังนี้ครับ เช่น URL > http://www.example.com:8080/index.php#tab1?id=123 Javascript Property                                            Result ---------------------------------------------------------------------...

12 Free Fonts Websites สำหรับนักออกแบบ

12 Free Fonts Websites สำหรับนักออกแบบ

การออกแบบเว็บไซต์ สื่อสิ่งพิมพ์หรือโฆษณาในยุคปัจจุบัน นอกจากองค์ประกอบด้านรูปภาพ การใช้สี รวมถึงการจัดวางแล้ว สิ่งที่สำคัญอีกอย่างหนึ่งก็คือลักษณะรูปแบบตัวอักษร (Fonts) ที่จะแสดงหรือปรากฏต่อผู้เข้าชม หรือผู้เยี่ยมชม ดังนั้นการจะหา Fonts มาใช้งานนั้นต้องดูดีๆครับ เพราะปัจจุบันบาง Fonts ไม่ฟรี ซึ่งอาจจะทำให้เกิดปัญหาด้านลิขสิทธิ์ได้ในภายหลัง วันนี้ผมอยากแนะนำ เว็บไซต์ Fonts ที่ฟรีที่สามารถให้เราไปดาวน์โหลดมาใช้ได้เลยโดยไม่ต้องกังวลเรื่องลิขสิทธิ์1. Fonts.ComFonts2. DaFontDaFont3. FontSpaceFontSpac...

SEO คืออะไร?

SEO คืออะไร?

SEO คืออะไร?SEO (เอสอีโอ) มาจากคำเต็มว่า Search Engine Optimization คือ การทำให้เหมาะที่สุดสำหรับโปรแกรมค้นหา หรือขยายความง่ายๆว่าเป็น กระบวนการ ปรับแต่งเว็บไซต์ ตั้งแต่ การออกแบบ การเลือกใช้เครื่องมือในการทำงาน การเขียนโปรแกรมสนับสนุน จนถึงการประชาสัมพันธ์เว็บไซต์ หรือที่เราเรียกกันว่า “โฆษณา” ให้มีความสอดคล้อเหมาะสมกับระบบการทำงานของ Search Engine (เครื่องมือในการค้นหา) เพื่อให้สามารถทำอันดับต้นๆ ของSearch Engine (เครื่องมือค้นหาเว็บไซต์ต่างๆ เช่น Google, MSN, Yahoo, AOL เป็นต้น)สรุปสั้นๆ SEO ...

แนะนำ jQuery WYSIWYG เจ๋งๆ (WysiBB)

แนะนำ jQuery WYSIWYG เจ๋งๆ (WysiBB)

jQuery plugin (WYSIWYG) editor  มีหลากหลายตัวให้เลือกใช้ทั้งฟรีและไม่ฟรี แต่วันนี้ผมขอนำเสนอ WysiBB ซึ่งเป็น (WYSIWYG) editor ที่มีความสามารถพื้นฐานเหมือนๆกับ editor ตัวอื่นๆ แต่ที่เจ๋งไปกว่านั้นคือ สามารถรองรับการแสดงผลบนสมาร์ทโฟนได้ด้วย (Responsive) ทีสำคัญคือฟรีครับ แต่สามารถ Donate เป็นน้ำใจให้ผู้พัฒนาได้สำหรับการใช้งานก็ไม่อยากครับ<head><!-- Load jQuery  --><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><!-- Load WysiB...

HTML5 TUTORIAL ตอนที่ 1

HTML5 TUTORIAL ตอนที่ 1

เนื่องจากกระแส HTML5 ตอนนี้มาแรงมากครับ กระแสแรงพอ ๆ กับ CSS3 เลยทีเดียว แต่บางคนอาจเคยได้ยินแต่ชื่อ ไม่รู้ว่า HTML5 มันเอาไว้ทำอะไรกันแน่ ผมก็เลยนำบทความนี้มาฝากกันครับบทความนี้นำมาจาก บล๊อค W3Avenue หากท่านใดชำนาญภาษาอังกฤษ อยากฝึกภาษา ก็สามารถตามลิงค์ไปอ่านบทความต้นฉบับได้เลยครับบทความนี้เขียนขึ้นเพื่อแนะนำ HTML5 ให้ผู้ที่ยังไม่เคยใช้มาก่อน รวมถึงสอนการเขียนโค้ด HTML5 เบื้องต้นอีกด้วย หากท่านใดพอจะทราบเรื่อง HTML5 แล้ว ก็จะได้รู้ทิป เทคนิคต่าง...

COLORTIP jQuery สร้างทูลทิปด้วย jQuery

COLORTIP jQuery สร้างทูลทิปด้วย jQuery

วันนี้มี Plugin สำหรับทำ Tooltip มาฝากกันครับ เอาไปใช้ประโยชน์ในการทำ Tip เวลาเอา Mouse ไป RollOver และขึ้นคำแนะนำขึ้นมา อันนี้พิเศษตรงที่สีสันสวยงามครับ น่าใช้มากๆ ใครนึกไม่ออกมาดูภายด้านในเลยครับDownload ได้ที่ URL นี้ครับ : http://tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin...

QR-CODE คืออะไร

QR-CODE คืออะไร

QR-Code (ย่อมาจาก Quick Response Code) เป็นชนิดของบาร์โค้ดเมทริกซ์ (หรือรหัสสองมิติ) ออกแบบครั้งแรกเพื่อใช้สำหรับอุตสาหกรรมยานยนต์ แต่เมื่อเร็ว ๆ นี้ระบบได้กลายเป็นที่นิยมของนอกอุตสาหกรรมเนื่องจากการอ่านอย่างรวดเร็วและความจุขนาดใหญ่เมื่อเทียบกับ รหัสประกอบด้วยโมดูลสีดำจัดอยู่ในรูปแบบตารางบนพื้นสีขาว ข้อมูลที่เข้ารหัสจะถูกสร้างขึ้นจากสัญลักษณ์ใด ๆ ของข้อมูล (เช่นสัญลักษณ์ไบนารีตัวอักษรและตัวเลขหรือคันจิ)QR-Code สร้างขึ้นโดยโตโยต้า บริษัท เด็นโซ่เวฟในปี 1994 รหัส QR เป็นหนึ่งในประเภทที่นิยมที่สุดข...

แนะนำ jQuery Plugin : jQuery Combogrid

แนะนำ jQuery Plugin : jQuery Combogrid

แนะนำ jQuery Plugin : jQuery Combogrid ทุกวันนี้คงไม่มีใครไม่รู้จัก Jquery เพราะว่าในด้านการพัฒนาแอพลิชั่นบนเว็บนั้นดูเหมือนเป็นสิ่งจำเป็นเลยทีเดียว (จริงๆ javascript framework ก็มีหลายตัวนะ) Jquery คืออะไร บทความนี้ผมจะไม่พูดถึงแล้วนะครับ ผมจะข้ามไปที่ส่วนเสริม หรือ plugin ตัวที่ผมจะนำเสนอเลยjQuery Pluginถ้าพูดถึง jquery plugin หลายๆคนคงเคยใช้ เ่ช่น jquery datatable plugin , fancybox , colorbox , lightbox , autocomplete ฯลฯ แต่วันนี่ผมจะพูดถึง Jquery Combogrid jQuery CombogridJqu...

MongoDB คืออะไร , NoSQL คืออะไร, การติดตั้ง MongoDB , แนะนำการใช้งาน MongoDB เบื้องต้น , การติดตั้ง Driver , Extension สำหรับ PHP เพื่อติดต่อกับ MongoDB

MongoDB คืออะไร , NoSQL คืออะไร, การติดตั้ง MongoDB , แนะนำการใช้งาน MongoDB เบื้องต้น , การติดตั้ง Driver , Extension สำหรับ PHP เพื่อติดต่อกับ MongoDB

หลายๆคน คงเคยใช้งาน Database มาแล้วหลายๆตัว อาทิ เช่น Mysql , Mssql , Oracle , Postgress Sql และอื่นๆอีกมากมาย เราต่างก็รู้ว่า Database ประโยชน์ของมันก็คือ การจัดเก็บข้อมูลของเราเพื่อใช้ในการบริหารจัดการกับข้อมูลรวมถึงการใช้งานข้อมูลร่วมกัน วันนี้ผมจะมาแนะนำ MongoDB แต่ก่อนที่จะแนะนำ MongoDB ผมจะขอพูดถึง NoSQLก่อน MongoDB NoSQL คืออะไร? ปกติเราเคยได้ยินแต่ SQL (Structured Query Language) ซึ่งเป็นภาษามาตรฐานในการจัดการกับข้อมูลในฐานข้อมูล เราใช้มันในการ คิวรี่เลือกข้อมูลที่ต้องการเอามาจัดการ...