Best jQuery Plugins Plugins & Tutorials with Demo

    Hal Jordan : jQuery Parallax effect plugin

    Hal Jordan : jQuery Parallax effect plugin

    A jQuery plug-in for creating a parallax special effect in your page layout.In order to prepare your page for HJ=P, you need to design your graphics with parallax in mind. Primarily this means using a lot of transparent PNGs that can be positioned on top of a large background graphic, similar to how the planets and asteroids on this demo page are arranged on top of the space background. Unfortunately this means you’ll need to come up with an IE-compatible way to manage your PNGs, the precise strategy for which is beyond the scope of this plugin.

    My initial goal with writing HJ=P was to create a parallaxing system that uses z-indexes to judge the relative distance between objects, as this is already how web designers are layering their DOM elements on top of each other. It makes sense to leverage the CSS that’s already there.

    MaxImage 2.0 : jQuery Fullscreen Background Slideshow plugin

    MaxImage : jQuery Fullscreen Background Slideshow Plugin

    Your site looks impressive when it displays a slideshow background image in the wind and Maximage makes it possible for you.MaxImage 2.0 uses the slideshow power from jQuery Cycle Plugin and allows you to utilize all of the options from Cycle but now for a background slideshow.

    MaxImage 2.0 determines whether your browser can use CSS3′s background-size:cover. If it can, it uses it as to limit the amount of heavy lifting that jQuery has to do. That means the majority of your users will have a slim and smooth experience. That is so important with large image animations as it is. (still working on optimizing) If CSS3 is not available it falls back to the old way of sizing and centering background images.

    Annotator : jQuery Copy-Editor of the web

    Annotator : jQuery Copy-Editor of the web

    Inline annotation for the web in pure Javascript.The Annotator is an open-source JavaScript library and tool that can be added to any webpage to make it annotatable.Annotator is a web annotation system. Loaded into a webpage, it provides the user with tools to annotate text (and other elements) in the page.

    Annotations can have comments, tags, users and more. Morever, the Annotator is designed for easy extensibility so its a cinch to add a new feature or behaviour.

    jQuery Awesome Nishtyak Gallery

    jQuery Awesome Nishtyak Gallery

    Beautiful customizable jQuery carousel.

    Features:

    • an unique vertical scrolling mode besides standard horizontal one
    • an adjustable number of strings
    • can adjust to the width of a page
    • supports any content
    • autoscroll
    • much more

    blur.js : jQuery psuedo-transparent Blurred Elements

    blur.js : jQuery psuedo-transparent Blurred Elements

    blur.js is a jQuery plugin that produces psuedo-transparent blurred elements over other elements.

    jQuery.event.move : Drag event plugin

    jQuery.event.move : Drag event plugin

    Custom events ‘movestart’, ‘move’ and ‘moveend’ for jQuery.Move events provide an easy way to set up press-move-release interactions on mouse and touch devices.

    Move events are designed to compliment drag events, where the two have different meanings: drag events are for transferring data while move events are for making responsive interfaces. That said, movestart, move and moveend events deliberately echo dragstart, drag and dragend events, with one significant difference: where the drag event fires continuously whether you have moved the pointer or not, the move event fires only after the pointer has been moved.

    jSignature : jQuery plugin for draw signature in browser

    jSignature : jQuery plugin for draw signature in browser

    jSignature is a jQuery plugin which simplifies creation of a signature capture field in the browser window, allowing a user to draw a signature using mouse, pen, or finger.

    jSignature captures signature as vector outlines of the strokes. Although jSignature can export great bitmap (PNG) too, extraction of highly scalable stroke movement coordinates (aka vector image) of the signature allows much greater flexibility of signature rendering.

    A extra effort (through smoothing and pressure simulation) is made to make the strokes look pretty on the screen while these are drawn by the signor.All major desktop, tablet and phone browsers are supported. HTML5 Canvas element is used by default. We fall back on Flash-based Canvas element emulator (FlashCanvas) when actual Canvas is not supported by the browser (Iinternet Explorer v.8 and lower).

    Pageguide.js : Interactive guide for web page using jQuery and CSS3

    Pageguide.js : Interactive guide for web page using jQuery and CSS3

    pageguide.js is an interactive visual guide to elements on web pages using jQuery and css3.Instead of cluttering your interface with static help message, or explanatory text, add a pageguide and let your users learn about new features and functions.

    jQuery pinterest style gallery plugin

    jQuery pinterest style gallery plugin

    Pinterest style layout gallery is a lightbox support image and youtube, vimeo video.CSS3 driven animation, graceful degradation, it will toggle the fade transition in the old browser.Optional animation transition style.Optional go back animation delay.

    Tipue Search : A jQuery site search engine

    Tipue Search : A jQuery site search engine

    Tipue Search is a jQuery site search engine. It includes advanced features such as word stemming but is designed to be easy to install.Tipue Search is very fast, as the processing is all at the client end.