วันนี้นั่งทำงานเกี่ยวกับ Twitter อยู่มีโจทย์อยู่ว่าให้ดึงเอาข้อความใน Twitter มาโชว์และต้องใส่ไปด้วยว่าข้อความนั้น post ผ่านมากี่วันกี่นาทีแล้ว เลยนึกขึ้นได้ว่า เออ Plugin ของ jQuery ก็มีนี่นาเอามาใช้ประโยชน์ดีกว่า เพราะแต่ก่อนนั้นใช้ PHP ในการคำนวนหา ซึ่งจะเป็นการไปเพิ่มโหลดให้กับ Server ซะเปล่าๆ ในเมื่อเราทำฝั่ง Client ได้ก็ให้ฝั่ง Client ประมวลผลดีกว่าใหม!! บางคนอาจจะนึกไม่ออกครับ ว่ามันคืออะไร ให้ลองเข้า Facebook หรือ Twitter ดูครับ มันจะมีข้อความประมาณว่า [14 minutes ago ] อะไรประมาณนี้ คือเป็นการบอกว่า Content ที่เรา Post หรือคนอื่น Post ไปนั้น ณ. เวลาปัจจุบัน ผ่านไปนานเท่าไรแล้ว เอาละกดเข้ามาอ่านกันได้เลยครับ..

วันนี้ขอเบิ้ลอีกสักบทความเลยละกันครับ ไปเจอวิธีการทำ Image Rotate แบบ 360 องศา มาครับน่าเอามาศึกษาและประยุคต์กับงานที่ทำมากๆ Action คล้ายๆกับการหมุนรูปสลับกันเป็นวงกลมครับ หรือคล้ายๆกับพวกการโชว์ Thump บน iTune ครับ สวยงามดี แต่ที่น่าสนใจก็วิธีการศึกษาจาก code ที่ทางเว็บที่ผมจะแนะนำครับ จะได้ไอเดียเอามาทำงานได้อีกเยอะเลย ใครสนใจก็ด้านในเลยครับ…

วันนี้มี Plugin สำหรับทำ Tooltip มาฝากกันครับ เอาไปใช้ประโยชน์ในการทำ Tip เวลาเอา Mouse ไป RollOver และขึ้นคำแนะนำขึ้นมา อันนี้พิเศษตรงที่สีสันสวยงามครับ น่าใช้มากๆ ใครนึกไม่ออกมาดูภายด้านในเลยครับ

มี Form น่าสนใจอยู่ตัวหนึ่งมาแนะนำครับ สามารถเปลี่ยน Theme ได้ด้วยครับ ลองโหลดไปเล่นกันดู Download : http://pixelmatrixdesign.com/uniform

Dropdown แบบเก่ามันธรรมดาไป วันนี้เรามี Image Dropdown JQuery Plugin แบบมี Icon มาฝากครับ ดูจากรูปเป็นไงครับ สวยงานไปอีกแบบนึงนะครับ ใครสนใจก็ไปโหลด Code หรือ ไปดู Demo ได้ตามลิงค์ด้านล่างนะครับ Website : http://www.marghoobsuleman.com/jquery-image-dropdown Demo : http://www.marghoobsuleman.com/mywork/jcomponents/jquery-image-dropdown/index.html

เมื่อหลายวันก่อนเปิดหน้าเว็บ 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/