A tutorial on how to create some nice custom drop-down lists with CSS and jQuery.
There are five examples with different looking drop-down menus and lists for various purposes.
A tutorial about "Creating Google Play’s Multi-Level Navigation Menu".
This menu has smooth animation and let users peek at the root-level menu by simply hovering a back button. It's created with using HTML, CSS and jQuery.
Shards is a jQuery plugin that builds a CSS multi-layered gradient background on any element - resembling neon shards!
Galereya is responsive, easily customizable jQuery gallery with a masonry layout. Almost all animation and effects are based on CSS features.
Works on Chrome, Safari, Firefox, Opera(turned off some CSS animations), IE7+(Graceful degradation), Android browser, Chrome mobile, Firefox mobile, Safari on iOS and etc.
Responsive Nav is a tiny JavaScript plugin which helps you to create a toggled navigation for small screens.
It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions.
jQuery-ui-pic creates simple classes for jQuery UI icons.
They mirror the jQuery UI ui-icon classes but are simpler and can be used without additional jQuery UI stylesheets. You can use any sprites included in the jQuery UI.
Foggy is a jQuery plugin for blurring page elements. It supports IE (8 and up), Firefox, Safari and Chrome.
Foggy by default uses the "-webkit-filter: blur" CSS attribute. If the browser doesn't support it, Foggy falls back to a manual blur. It makes several copies of the selected HTML element. It adds transparency to all copies and moves each of them by small amount, thus creating the blur effect.
Tooltipster is a lightweight jQuery plugin that enables you to easily create clean, HTML5 validated tooltips.
* Supports HTML tags inside the tooltip
* Lightweight and degradable
* Extremely flexible & fast to set up
* Easily styled with 100% CSS - no images needed
* Plays nicely with IE
tooltipsy is a jQuery tooltip plugin that simply provide extremely efficient tooltip functionality. Tooltipsy gives you complete control over the CSS, animation, and position.
jQuery coreUISelect is a cross browser easy to stylize select element with jQuery and CSS. Requires jQuery 1.6 or higher.
Available Features:
* Full customization
* Optiongroup support
* Automatic calculations
* Keyboard support
* Powerful callback functions
* Compatible with mobile devices
* Support jScrollPane plugin for customize default scrollbar
FrameWrap is a jQuery plugin for showing pages of your site with a pretty, css-driven, transition effect. It sets an API bridge for easy message passing.
– Lightweight ; it is created specifically for showing pages, not images;
– No UI, so the page feels like a dialog window;
– The page can close itself, and can also send messages to the parent window;
– Can optionally use a cache for faster subsequent page loads;
– Uses a neat
Gips is a clean and simple jQuery tooltip plugin. Its simple, customizable, and easy to use. It also supports CSS themes.
jqBarGraph is jQuery plugin that gives you freedom to easily display your data as graphs. There are three types of graphs: simple, multi and stacked. All you have to do is to pass your data to this plugin.
There are a lot of settings to tune appearance of your graph, as are animation, color scheme, dimensions etc. Also, you can additionally change look and feel of graph via CSS.
