Marsonry jquery สำหรับจัดตำแหน่ง element

See the Pen Marsonry example by pongsawat pasom (@foxza) on CodePen.

full page

การเพิ่ม animation ให้กับวัตถุ เมื่อเลื่อนหน้าเจอมาถึง

http://mennstudio.com/2014/moving-when-you-scroll-down/

http://css-tricks.com/slide-in-as-you-scroll-down-boxes/

Nod validation form jQuery plugin

ปลั๊กอินแจ่มๆ สำหรับตรวจสอบการกรอกข้อมูล
http://casperin.github.io/nod/

data grid, data table jquery plugin สำหรับจัดการ table ให้ง่าย

http://www.jeasyui.com/documentation/datagrid.php
http://www.datatables.net/

รวม 20 jQuery plugin สำหรับ scrolling เจ๋งๆ

http://codegeekz.com/20-jquery-plugins-for-scrolling-effects/

jquery effect plugin

http://www.thepetedesign.com/#design

static webpage wit parallax jquery

http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/jazz-up-a-static-webpage-with-subtle-parallax/

jquery สำหรับการทำ list scroller

http://als.musings.it/

jquery plugin สำหรับการทำ infinitescroll

Waterfall

http://www.jquery4u.com/tutorials/jquery-infinite-scrolling-demos/

Intro.js ปลั๊กอินแจ่มๆ ในการแนะนำพื้นฐานการใช้งานเว็บให้กับผู้ใช้รายใหม่

intro.js/

dragging ภาพเจ๋งๆ

ELASTIC STACK: ELASTIC DRAGGING INTERACTION

unveil.js ปลั๊กอินที่ช่วยให้แสดงผลใน Mobile, Tablets เร็วขึ้น

ใครที่ทำเว็บไซต์เวอร์ชั่น Moblie หรือ Tablets อยู่ คงเจอปัญหากับการแสดงผลช้า ส่วนหนึ่งมาจากการโหลดรูปมาแสดงผล

ปกติ ถ้าเขียนแบบธรรมดา แท็ก <img> แม้ว่าจะยังไม่ได้โชว์ในส่วน viewport ก็ตาม แต่รูปทั้งหมดก็ยังคงถูกโหลดเข้ามาพร้อมกัน

การทำงานคร่าวๆ ก็คือ มันจะไม่โหลดรูปที่ไม่ได้แสดงผลในหน้า viewport แล้วจะโหลดรูปก็ต่อเมื่อแท็ก <img> นั้นถูกแสดงตรงส่วน viewport เท่านั้น ซึ่งจะช่วยลดภาระในการโหลดหน้าได้ดีมากๆ

website: Unveil
อ้างอิงค์จาก: jQuery Tutorials in Thailand

Lightbox สำหรับ jquery เจ๋งๆ ใช้งานง่าย

http://cocopon.me/app/vanillabox/demo.html

System Requirements

• jquery 1.7+
• Chrome, Firefox, Safari, Opera, Internet Explorer 9+, iOS 6+ (Safari), Android 4.1.2+ (AOSP, Chrome)