Magnific Popup – A True Responsive jQuery Lightbox Plugin
Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (Zepto.js compatible). What makes this plugin different? Light and modular You can choose to include only the features that you need using the online build tool or by compiling it yourself with Grunt.js. Size of [...]
Usage
GreatFeatures
GreatInstallation
Moderately
Tooltipster – Easily create semantic, modern tooltips with jQuery plugin
Tooltipster is a powerful, flexible jQuery plugin enabling you to easily create semantic, modern tooltipsenhanced with the power of CSS. Tooltipster allows you to use any HTML tag you can think of inside your tooltips. This means you can insert things like images and text formatting tags. The style of your Tooltipsters can be easily changed by [...]
TOSDN Comment
เป็น Tooltip ที่ทำงานร่วมกับ jQuery ตัวหนึ่งที่ผมคิดว่าค่อนข้างเจ๋งเลยทีเดียว ทั้งลูกเล่น และ Effect ที่นำมาใช้งาน สามารถ custom ได้หลากหลายและสวยงามเลยทีเดียวUsage
GreatFeatures
GreatInstallation
Easy
Flexisel – a Responsive Carousel jQuery Plugin
Flexisel is a jQuery carousel plugin that works well on screen sizes down-to-mobile. It has settings for enabling autoplay, defining the animation speed and stopping on hover or not. The standard layout of Flexisel adapts to different screen sizes but also, the plugin provides an option to customize the “number of visible items” for the screen sizes preferred which offers a great [...]
TOSDN Comment
สคริ้ป jQuery carousel ที่รองรับการแสดงผลแบบ Responsive Design เรียบง่าย ไม่หวือหวา ใครชอบแนวนี้ จัดได้ตามสะดวกเลยครับUsage
PoorFeatures
PoorInstallation
Easy
Respond.js – A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)
The goal of this script is to provide a fast and lightweight (3kb minified / 1kb gzipped) script to enable responsive web designs in browsers that don’t support CSS3 Media Queries – in particular, Internet Explorer 8 and under. It’s written in such a way that it will probably patch support for other non-supporting browsers as well [...]
TOSDN Comment
ใครทำ Responsive ใช้ CSS3 Media Queries แล้วเจอปัญหา min-width/max-width บน IE 6-8 สามารถใช้ Javascript ตัวนี้แก้ได้ง่ายๆเลยครับ แต่ embed file เข้าไปก็ใช้งานได้เลยUsage
GreatFeatures
GreatInstallation
No Need
Chardin.js – Simple overlay instructions for your apps.
Chardin.js is a jQuery plugin which does that in a very chic way (inspired from the recent Gmail new composer tour).
TOSDN Comment
jQuery Plugin สำหรับทำ Overlay (ที่มี Background พื้นดำๆ) แต่ตัวนี้เป็น Overlay ใช้สำหรับอธิบายส่วนต่างๆ คล้ายๆกับหน้า Tour ในเว็บฝรั่ง ที่เข้ามาครั้งแรกหรือแนะนำ Feature ใหม่ๆ เขาจะมีชี้สอนเป็นจุดๆUsage
GoodFeatures
GoodInstallation
Moderately
scrollUp – a lightweight jQuery plugin to create a customisable “Scroll to top” feature
ScrollUp is a lightweight jQuery plugin to create a customisable “Scroll to top” feature that will work with any website, with ease.
TOSDN Comment
jQuery Plugin ง่ายๆ ที่จะทำให้ผู้ใช้สะดวกเมื่อเลื่อนไปอ่านเว็บหน้ายาวๆ แล้วคลิกปุ่มกลับไปบนสุด มันก็จะสไลด์ไปบนสุดของเว็บไซต์ให้อย่างนุ่มนวลUsage
GoodFeatures
GoodInstallation
Moderately
iCheck: Super Customized Checkboxes & Radio Buttons
iCheck is super customized checkboxes and radio buttons with jQuery. iCheck is created to avoid routine of reinventing the wheel when working with checkboxes and radio buttons. It provides an expected identical result for the huge number of browsers, devices and their versions. Callbacks and methods can be used to easily handle and make changes at customized [...]
TOSDN Comment
ผมเคยเจอปัญหาทำ style ของ Checkbox และ Radio เพราะมันค่อนข้างต้องแก้ CSS ให้ดี ถึงจะออกมาสวย แต่สำหรับ iCheck เป็น jQuery+CSS ที่ช่วยทำให้เราได้ปุ่มสวยๆ ง่ายๆ ในเวลาที่รวดเร็ว และที่เจ๋งคือรองรับได้ทุก Browser และทุก Device เลยครับ ไม่ว่าจะ iOS, Android, BlackBerry และ Windows PhoneUsage
GreatFeatures
GreatInstallation
Newbie
jQuery Nested – a complete gap free, multi column grid layout experience.
Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts. Unlike other libraries and jQuery plugins similar to Nested, this is (as far I as I’ve know) the first script out there that allows you a complete gap-free layout.
TOSDN Comment
โดยส่วนตัวค่อนข้างชื่นชอบ Responsive มากๆ เพราะมีประโยชน์และทำได้ทันทีภายในเว็บไซต์ตัวเดิม ส่วนเจ้า jQuery Nested ตัวนี้มันเป็นการจัดเรียงข้อมูลในรูปแบบ Grid Layout เมื่อคุณ ย่อ/ขยาย หน้าจอในขนาดต่างๆ มันก็จะทำการคำนวณและเรียงใหม่ให้อย่างสวยงาม ซึ่งจะเป็นประโยชน์ในการนำไปใช้ทำ Responsive รวมไปถึงมันมีณุปแบบการเรียงที่เป้น Animation น่าทึ่งเหมือนหนัง Matrix ซะด้วย ชอบมัดๆUsage
GreatFeatures
GreatInstallation
Easy
Threesixty-slider – jQuery plugin for create 360 Degree image slider
This is a jQuery plugin to create 360 degree product image slider. The plugin is full customizable with number of options provided. The plugin have the power to display images in any angle 360 degrees.
TOSDN Comment
jQuery Plugin สำหรับทำภาพหมุนๆได้ 360องศา โดยที่เราสามารถกำหนดความละเอียดของการหมุนได้ด้วยจำนวนรูปที่เราใช้นี่เองครับ ถ้าจากภาพตัวอย่างที่เป้นรถ ใช้รูปประกอบกันประมาณ 72 รูป เยอะ แต่ก็เนียนเหมือนภาพสามมิติเลยทีเดียวUsage
GreatFeatures
GreatInstallation
Moderately
Typeahead.js – A Fast & Fully Featured Auto-Complete Library is inspired by Twitter.com
Typeahead.js is inspired by twitter.com’s autocomplete search functionality, typeahead.js is a fast and fully-featured autocomplete library. It displays suggestions to end-users as they type.
TOSDN Comment
Typeahead.js สคริ้ป Auto-Complete ที่พัฒนาโดยคนของ Twitter (และถูกใช้ในเว็บ Twitter.com ด้วย) เน้นเรื่องการใช้งานบ่อยๆและต้องการการทำงานที่เร็ว รองรับภาษาประเภท RTL ได้ (ภาษาที่อ่านจากขวามาซ้าย) ค่อนข้างทำออกมาดีมากครับ เป็นโครงการฟรีโค้ดที่ดีมากเช่นเดียวกับ Bootstrap Framework เลยครับUsage
GreatFeatures
GreatInstallation
Easy
TOSDN Comment
jQuery Lightbox รองรับการแสดงผลแบบ Responsive และรองรับ High-DPI (Retina) display เน้นเรื่องการทำงานแบบมีประสิทธิภาพ ไฟล์มีขนาดเล็ก มีการจัดการเรื่องของ Memory ได้ดีเพื่อทำงานได้เร็วขึ้น