การใช้งาน Browser Caching

เขียนโดย เมื่อ

เว็บไซต์ส่วนใหญ่มักจะมีองค์ประกอบที่ไม่ค่อยจะเปลี่ยนแปลงบ่อยนัก เช่น CSS, javascript และรูปภาพ ซึ่งองค์ประกอบเหล่านี้จะต้องใช้เวลาในการโหลดจากเซิฟเวอร์ ทำให้เวลาในการโหลดหน้าเว็บของเราเพิ่มขึ้น HTTP Caching จะทำการแคชไฟล์เหล่านี้ไว้ที่เครื่อง หลังจากมีการแคชไฟล์แล้วหากมีการเข้าเว็บเดิม หรือเรียกใช้ไฟล์เหล่านี้อีก Browser ก็จะใช้ไฟล์ที่ถูกแคชไว้ที่เครื่องทำให้ไม่ต้องเสียเวลาในการโหลดไฟล์จากเครื่องเซิฟเวอร์อีกที ช่วยให้หน้าเว็บของโหลดได้เร็วขึ้น และช่วยลดแบนด์วิธของเซิฟเวอร์เราด้วย (ยิ่งปืนนัดเดียวได้นกสองตัว ^^)

แนะนำ Lazy Load – jQuery’s Plugin

เขียนโดย เมื่อ

Lazy Load เป็น plugin ของ jQuery ซึ่งจะหน่วงการโหลดรูปที่อยู่ในหน้าเว็บที่มีเนื้อหาเยอะๆ ยาวๆ รูปที่ผู้ใช้งานเว็บจะยังไม่ถูกโหลดจนกระทั่งเลื่อน scroll ลงไปถึงรูปจึงจะถูกโหลดจากเซิฟเวอร์ การใช้ Lazy Load บนเว็บไซต์ที่มีเนื้อหาขอหน้าเว็บเยอะๆ จะช่วยให้หน้าเว็บนั้นๆ โหลดเร็วขึ้น เพราะบราวเซอร์จะโหลดเฉพาะรูปที่กำลังแสดงให้ผู้ใช้งานเว็บดูอยู่เท่านั้น

แนะนำ plugin ของ jQuery จัดการตัวเลขด้วย autoNumeric

เขียนโดย เมื่อ

autoNumeric เป็น plugin ของ jQuery ที่ใช้จัดการรูปแบบการแสดงผลของค่าเงินและตัวเลขที่เรากรอกผ่าน text input ซึ่งถือได้ว่าเป็น plugin ที่พูดได้ว่าเราจำเป็นต้องใช้เลยทีเดียว หากโปรเจ็คที่กำลังทำอยู่มีการจัดการตัวเลขหรือเรื่องเงินๆ ทองๆ ครับ ^^

โดยเจ้า autoNumeric ก็มีวิธีการใช้งานที่ง่ายด้วย โดยก่อนอื่นจะต้องดาวน์โหลด autoNumeric ก่อนนะครับ โดยสามารถเข้าไปดาวน์โหลดได้ที่ ดาวน์โหลด autoNumeric

วิธีอัพเดท status เฟสบุ๊คด้วย feeling, watching, eating, playing หรือ drinking ^^

เขียนโดย เมื่อ

วันนี้เอาลูกเล่นเล็กๆ น้อยๆ เกี่ยวกับเฟสบุ๊คมาฝากกันครับ ^^ เพื่อนๆ หลายคนคงจะสังเกตุเห็น status ของเพื่อนของเราที่มีคำว่า –feeling happy, –eating ice cream อะไรทำนองนี้ ซึ่งจะก็จะมีทั้ง feeling, eating, drinking, watching, listening to, reading แล้วก็ playing (หมดยังหว่า? ^^) เลยเอาวิธีทำมาฝาก เผื่อมีใครยังไม่รู้ครับ ^^ อ่อ และเพิ่มเติมอีกนิดหน่อยครับตอนนี้เหมือนจะยังไม่รองรับภาษาไทยนะครับ ถ้าอยากมี feeling ต้องเป็นตั้งค่าให้เป็นภาษาอังกฤษครับ ^^

iconv_substr อีกหนึ่งตัวช่วยของ PHP ในการจำกัดขนาดข้อความภาษาไทยที่ไม่ให้มีเครื่องหมายสี่เหลี่ยม

เขียนโดย เมื่อ

เพื่อนๆ หลายคนคงจะเจอปัญหาเกี่ยวกับการจำกัดความยาวที่เอามาแสดงเป็นหัวข้อสินค้า หรือ ประกาศภายในเว็บของเรา ซี่งถ้าใช้ PHP แล้วส่วนใหญ่จะใช้ฟ้งก์ชัน substr() แต่ผลที่ตามมาก็คือ มีเครื่องหมายสี่เหลี่ยมโผล่แถมมากับบางหัวข้อซะงั้น

jQuery: แนะนำปลั๊กอิน ptags (Pines Tags)

เขียนโดย เมื่อ

Pines Tags เป็นปลั๊กอินของ jQuery ที่เพิ่มลูกเล่นให้กับการเพิ่ม/แก้ไข tags ที่มักจะเห็นกันบนเว็บที่เป็น blog หรือเว็บที่ต้องการให้ผู้ใช้เพิ่มคำสำคัญที่เกี่ยวกับบทความหรือสินค้า ดูตัวอย่างดีกว่าครับ เดี๋ยวจะงง ^^

แก้ไข Git Bash ไม่สามารถใช้ Mouse Scroll ได้

เขียนโดย เมื่อ

Git Bash เป็น command-line Tools ที่ใช้งานร่วมกับ git ถ้าเริ่มใช้โปรแกรม Git Bash ตอนแรกจะไม่สามารถใช้ Mouse Scroll ได้ วิธีแก้ไขก็คือ เข้าไปปรับ Properties ของโปรแกรมให้เป็นแบบ QuickEdit Mode 

CI: Handling Multiple Environment

เขียนโดย เมื่อ

ช่วงแรกๆ ของการพัฒนาโปแกรมด้วย CI เพื่อนๆ หลายคนอาจจะมีปัญหาเกี่ยวกับการแก้ไขไฟล์ config.php ของ CI คือตอนที่อยู่ในช่วงพัฒนา (Dev) ก็ยังไม่มีปัญหาอะไรมากหรอกนะ แต่พอมีการเอาขึ้นใช้งานที่เซิฟเวอร์จริง (Production) แล้วมีการพัฒนาฟีเจอร์ใหม่ๆ เพิ่มเข้าไปนี่แหละ ค่าบางค่าที่อยู่ในไฟล์ config.php ที่เครื่อง Dev กับ Production มันดันใช้ร่วมกันไม่ได้ เอาตัวอย่างง่ายๆ ก็อาจจะเป็นโดเมนของเว็บเรานี่ล่ะ ที่ Dev อาจจะเป็น dev.example.com ที่ Production ก็จะเป็น www.example.com อะไรประมาณนี้ (อันนี้ตัวอย่างง่ายๆ นะ) อาจจะมีค่าอย่างอื่นอีกบาน แก้ไขที่ต้องตามไปแก้ที่ Dev บ้าง Production บ้างมันส์กันเลยทีเดียว

Curl PHP ส่งค่า json

เขียนโดย เมื่อ

ตอนนี้อาจจะมีคนกำลังหาวิธี POST json ด้วย curl ของ PHP อยู่ หุหุ มาถูกที่แล้วครับ เดี๋ยวบทความนี้จะให้ตัวอย่างเกี่ยวกับการ POST json ด้วย curl กัน หลังจากที่งมๆ อยู่นาน ^^ ซึ่งผมก็จะต่อยอดจากการใช้ curl ในการดีง feed rss ที่แสดงตัวอย่างการใช้งาน curl เพื่อดึง rss มาแสดงบนเว็บครับ

PHP Header 301 Redirect – Moved Permanently

เขียนโดย เมื่อ

บทความนี้เอาแบบง่ายๆ สั้นๆ เลย ^^  วิธีการ redirect 301 (Moved Permanently) เป็นการบอก visitor ของเราให้รู้ว่าหน้าเว็บที่เคยอยู่ที่ลิงค์นี้ถูกย้ายไปยังลิงค์ใหม่อย่าถาวร (Permanent) แล้ว โดยการใช้ฟังก์ชัน header ของ PHP ไปวางไว้บนสุดของหน้าเก่า (old.php) แล้วก็ใส่ลิงค์ใหม่ (new.php) เข้าไป งงๆ ดูตัวอย่างดีกว่า ^^