Multi-level dropdown menu for buttons. Supports any HTML for items, multiple combined sync/async datasources.
Archive for 2013
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.
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).
jQuery Dynatable : HTML5+JSON interactive Table plugin
Dynatable is a funner, semantic, interactive table plugin using jQuery, HTML5, and JSON.
Dynatable does three things:
- 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.
- Operations: It sorts, filters, and paginates the JSON collection.
- Rendering: It renders the resulting collection from the operations back to the table.
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
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 :
