HTML5 local storage is like cookies on steroids; it’s incredibly simple to use and yet still so powerful. In this tutorial, I’ll show you how to create “sticky notes” functionality, that allows your users to take persistent notes while browsing your site with jQuery.
jQuery zLayers Parallax Plugin
zLayers is a jQuery parallax plugin that allows you to orientate an element based on the position of your mouse to the page’s window, or element’s parent.
zLayer is perfect for interactive illustrations and rich user experience through creative methods through a parallax effect.Best part about zLayer is how easy, lightweight, and quick the plugin is!
jQuery/CSS Vertical Admin Navigation
Ultra modern and stylish vertical navigation using css and jQuery which would be ideal for your next admin panel and would looks great in an iPad application.
The navigation uses a jQuery flyout menu to display child items with a cool looking apple-styled textured background.This vertical navigation menu comes in a choice of four colour including lime, blue, pink and orange.
Doubletake : jQuery plugin for responsive images
Doubletake dynamically updates the src of your images based on the browser width. Start with a small, mobile-friendly image in your HTML. Doubletake will use a defined set of breakpoints to update image SRCs when necessary.
I’m using a couple of tools to help me resize the images on this page – a local copy of SLIR and the src.sencha.io web service. If you aren’t comfortable resizing images on the fly, you could simply host multiple copies and then set the Doubletake breakpoints to the sizes you have created.
jQuery responsive web
It is a simple jquery plugin helping design more responsive and adaptive websites and web applications with almost no setup.It adds dynamic classes to the <body> depending on the operating system, browser and resolution.For ideal responsive web design css is just not enough. it chokes at some point, or has cross-browser and cross-platform issues much more than the wonderful jquery framework.
I have tried it with microsoft internet explorer v7 and v8, firefox, google chrome, safari, opera on windows, and also with an android device. works perfectly on all of them. on the android device (samsung galaxy s) handles the orientation change nicely too.
jMapping : jQuery plugin for creating Google Maps from semantic markup
This plugin is designed for quick development of a page that implements a Google Map with a list of the locations that are specified within the HTML.
The plugin tries to allow as much graceful degradation as possible by having the HTML be as semantic as possible. The plugin expect the HTML for the locations to be grouped under a common element. Additionally, it expects the links and Map Info Window content to be grouped under the location elements. It also expects the necessary metadata to be on the location element. This way the HTML semantically reflects that all of those parts and information are associated with the specific location or place.
Evo Slider : jQuery slideshow & content slider plugin
Evo Slider is a jQuery slider with slideshow, unlimited layout, CSS skinning and much more features. Evo Slider comes bundled with super awesome features designed to save you development time and give you the flexibility to use it in a variety of ways – whether you’re building anything from an image gallery, to a product tour and lots of things in-between.
With Evo Slider you can easily create amazing photo galleries or html content slider. You can choose how to display your slider, in horizontal accordion, fading, or scrolling slider. With ton of features you can create unlimited layout of slider.
Bookflip : JavaScript Page Turn effects
Totally javascript Book Flip for page turn effects. Bookflip engine has been totally rebuilt for better modern browser performance(IE8 & 9).Place any html code within the books pages – div id=”pages” (#no longer inside bookflip div). Each code block within the pages div will be treated as a seperate book page. Setting are adjustable in the script.