Colorpicker in jQueryUI style. Themeroller look & feel. Multiple color spaces, input/output formats, controls.Full-featured colorpicker for jQueryUI with full theming support.
Best jQuery Plugins Plugins & Tutorials with Demo
Jet : jQuery CSS3 Responsive Megamenu
Jet Responsive Megamenu is a menu component based in CSS and Javascript code. It can be used like a dropdown navigation, megamenu navigation or both. It’s has a responsive and fluid layout.
Features:
- 14 Styles
- Responsive
- Collapsible
- Javascript/CSS effects
- Grid system
- Cross browser
- Easy to use
jQueryUI Limitslider
jQuery slider extension forcing gaps and order for any number of handles.A slider allowing multiple sliders and ranges with all sorts of optional limitations in position/size/distance. Also includes optional labels on the sliders and hover titles.
Features:
- Multiple sliders.
- Multiple ranges.
- Allows or blocks crossing of sliders.
- Minimum distance between sliders.
- Minimum/maximum position for all or individual sliders.
- Label on the sliders.
- Titles on sliders.
- Use all of jQueryUI’s slider functionality.
jQuery CSS Emoticons Plugin
jQuery plugin to style emoticons with pure CSS3 properties (no images).The CSS Emoticons plugin is a simple jQuery plugin (and stylesheet) that allows you to turn any text emoticons on the page into cute little smiling faces with pure CSS3 styling (no images whatsoever).
The result is great-looking emoticons that leave the text exactly as written (so that the text emoticons actually get copied and pasted with the text if you select a block of text from the page). This uses the CSS3 properties, transform, border-radius, box-shadow, gradient, and transition (when supported).
Signature Pad : jQuery plugin Records the Drawn Signature for later regeneration
A jQuery plugin for assisting in the creation of an HTML5 canvas based signature pad. Records the drawn signature in JSON for later regeneration.
Demos :
jQuery Cascading DropDowns
Cascading DropDowns is a jQuery plugin that implements dropdown lists in which contents of one list depends on the selection of another list. The plugin has right panel with items (any html structure), that depend on dropdown selected value and filtered on selection callback. The dropdowns work with json as data source (ajax or javascript array). The right panel items work with ajax or inline html as data source.
Features:
- Works with JSON and AJAX (PHP + SQLite example)
- Supports HTML/DOM data source for the right panel items
- Supports javascript array as data source for dropdowns
- Fully customizable styles
- Works in all major browsers
- Annotated source code
- JSDoc documentation
YoutubeTV : jQuery YouTube User/Playlist player
A small, slick, library independent YouTube User/Playlist player.
Features:
- Library Independent
- Customizable via CSS
- Autoplay
- Remove YouTube Chrome
- Supports Playlists and Users
- jQuery Support
- Module Support
Demos :
- Default Player Options
- Chromeless Player
- Playlist Support
- Full Screen Player (Good for a .tv website?)
- jQuery Support
Context.js : jQuery Contextual Menus with Twitters Bootstrap CSS
Context.js is a lightweight solution for contextual menus. Currently, there are two versions.
The first is to be used with Twitters Bootstrap (bootstrap.css specifically). If you do not use or want to use bootstrap.css, there is a standalone stylesheet to give the menu it’s base styles.
Features:
- Linted: Valid JS
- Can be used with or without Twitters Bootstrap.css
- Event Based Links
- Anchor Links
- Headers
- Dividers
- Recursive Menus (infinite depth)
- Vertical Space Detection (turns into a “dropup”)
- Horizontal Space Detection (Drops to the left instead of right)
- Add/Delete menus Dynamically
jQuery.touchdragh : Makes elements Draggable horizontally by Touch
This makes elements draggable horizontally by touch.
- touchdragh: demo
- touchdragh with transition: demo
- touchdragh forever option: demo
- touchdraghfitty: demo
- touchdraghfitty with transition: demo
- touchdraghsteppy: demo
- touchdraghsteppy with transition: demo
- touchdraghsteppy refresh method: demo
- touchdraghsteppy forever option: demo
- touchdraghsteppy normalize_height option: demo
- touchdraghsteppy unsteppify: demo
- touchdraghsteppy unsteppify manually slide: demo
- dragger option: demo
