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.
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.
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
jQuery coreUISelect is a cross browser easy to stylize select element with jQuery and CSS. Requires jQuery 1.6 or higher.
* 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
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.