เมื่อหลายวันก่อนเปิดหน้าเว็บ Google แล้วไปเจอลูก Apple ตกลงมา อ๋อวันเกิดของ นิวตัน นี่เอง แต่จากวันนั้นมีหลายคนถามครับว่า รูป Apple ที่ตกลงมานั้น เขาทำ Animation อย่างไรให้ภาพมันตกลงมาแล้วก็กระเด้งๆๆ วันนี้เปิดๆหาข้อมูลของ jQuery ก็ไปเจอเว็บหนึ่งครับ ที่ทำพวก Effect สำหรับทำ Animation ไว้เยอะพอดูเลยละ ลองเข้าไปทดสอบกันดูครับ มี Effect ให้เลือกใช้เยอะเลย ตัวอย่างการเรียกใช้งาน 1   $("#element").effect([speed, callback]); Demo : Click here Web site : http://net.tutsplus.com

วันนี้มี Plugin สำหรับทำ Google Maps ให้โหลดกันครับ ก่อนใช้งานก็ต้องไปสมัคร Google API Key ก่อนนะครับ ถึงจะใช้ได้ โดยใช้แค่ Account ของ Gmail ในการสมัครครับ ลองมาดู หน้าตาของ Code กันครับว่าง่ายแค่ใหน 123456$(document).ready(function() {       $(’selector’).googleMaps({         latitude: 49.26063518364422,         longitude: -123.15673828125     });   }); การกำหนดค่าต่างๆนั้นมีให้เยอะพอสมควร สามารถดูจากตัวอย่างในเว็บของทางผู้พัฒนาได้เลย หรือใน Document เลยก็ได้ครับ Download : Click Here Web Site & Example : Click Here

jQuery Advance Event Timeline พอดีไปเจอโปรแกรมตัวหนึ่งที่น่าสนใจครับ เป็นระบบ Event Timeline ที่ทำจาก PHP+jQuery หน้าตาสวยงายเลยทีเดียว เอามาแบ่งปันเผื่อมีใครกำลังหาโปรแกรมแบบนี้อยู่ครับ ผมว่าน่าสนใจดีเลยครับตัวนี้ ลอง Download มาใช้กันดูครับ สามารถเอาไปต่อเติมกับระบบเช่นพวก เว็บที่มีระบบ Event Calendar สามารถนำมาแสดง Event ในแต่ละปีของเราได้เลย ว่ามีอะไรบ้าง  หรืออาจจะเอาไปเปลี่ยนเป็นระบบ Project Timeline ก็ได้นะครับ แต่อาจจะต้องเขียนเพิ่มเติมอีกนิดหน่อย โดยใช้ในส่วนนี้เป็น UI ที่สวยงามอีกแบบครับ ยังไงไปลองกันดูครับสำหรับ jQuery Advance Event Timeline Download : ได้ที่นี่ครับ Demo : ดูได้ที่นี่ครับ

Howto createing a plugin for jQuery. วันนี้มาดูวิธีการสร้าง Plugin สำหรับ jQuery แบบง่ายๆกันนะครับ หลายๆคนก็คงเคยโหลด Plugin ของ Developer คนอื่นๆมาใช้กันบ้างแล้ว แล้วถ้าเราจะทำใช้เองบ้างละ บอกได้คำเดียวครับ ง่ายมากๆ มาลองกันเลย ผมจะทดลองเขียน Plugin สำหรับการกำหนด Style Sheet ( css ) ให้กับ Tag ใดๆที่เราต้องการนะครับ คือจะทำการเปลี่ยน สี ทั้งหมดให้กับ DIV ที่เราต้องการจะเปลี่ยนนะครับ มาดู code กัน ตัวอย่างนี้เป็นการสร้าง Function แบบธรรมดาเพื่อนำมาเรียกใช้งาน ( ดู code ด้านล่างต่อเพื่อดูความแตกต่างของ code นะครับ ) 1234567891011function applyColors(elems) {     $(elems).css({         color: config.color,         backgroundColor: config.bgColor,         borderColor: config.bdColor     [...]

ลองนำไปใช้กันดูครับ เท่าทีี่ดู Code สั้นมากเลยครับ น่าสนใจเผื่อใครจะเอาไปประยุคใช้งานกับงานอื่นๆ http://www.rgdesign.org/portfolio/2009/jquery.ease.slide.menu.v1/