jQuery.column : CSS3 column layout with jQuery

jQuery.column : CSS3 column layout with jQuery

Simulate CSS3-style automatic columnization for the few browsers (IE) that don’t support it. It tries to follow CSS3 specification (http://www.w3.org/TR/css3-multicol/) closely.

This should point to the DOM node(s) that hold the content to be columnized. Typically this is a element, but other elements are possible.

jQuery.colorpicker : Colorpicker in jQueryUI style

jQuery.colorpicker : Colorpicker in jQueryUI style

Colorpicker in jQueryUI style. Themeroller look & feel. Multiple color spaces, input/output formats, controls.Full-featured colorpicker for jQueryUI with full theming support.

Jet : jQuery CSS3 Responsive Megamenu

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

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 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).

jQuery Dynatable : HTML5+JSON interactive Table plugin

jQuery Dynatable : HTML5+JSON interactive Table plugin

Dynatable is a funner, semantic, interactive table plugin using jQuery, HTML5, and JSON.

Dynatable does three things:

  1. Normalize: It normalizes an HTML table into an array of JSON objects, where each JSON object (or record) corresponds to a row in the table.
  2. Operations: It sorts, filters, and paginates the JSON collection.
  3. Rendering: It renders the resulting collection from the operations back to the table.

Animated Border Menus with CSS3 & JavaScript

Animated Border Menus with CSS3 & JavaScript

A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash’s bounce menu for mobile apps.The other day I saw a really nice concept of a menu on the UI8 site. CreativeDash implemented that gorgeous concept and I instantly had some ideas for more effects involving border transitions but also with the desktop in mind. So today I want to show you how to create something like that and provide some more inspirational examples.

Please note that we’ll be using transitions and animation on pseudo-elements which won’t work in some browsers (e.g. Safari and Mobile Safari).

Signature Pad : jQuery plugin Records the Drawn Signature for later regeneration

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 :

SlickNav : jQuery Responsive Mobile Menu Plugin

SlickNav : jQuery Responsive Mobile Menu Plugin

Responsive Mobile Menu jQuery Plugin.

Features:

  • Supports with multi-level menus
  • Flexible, simple markup
  • Cross-browser compatibility
  • Keyboard Accessible
  • Degrades gracefully if javascript disabled
  • Creates ARIA compliant menu

jQuery Cascading DropDowns

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