Best jQuery Plugins Plugins & Tutorials with Demo

    Sisyphus – jQuery plugin that allows Gmail-like client-side drafts

    Sisyphus – jQuery plugin that allows Gmail-like client-side drafts

    Imagine you’re filling a complex form on a site, or typing an extensive comment, and just when you’re almost finished the browser the crashes, or you accidentally closed a tab, or something else break your efforts, you are stuck having to rewrite everything again.

    Sisyphus helps solve this problem. It’s lightweight (1Kb) jQuery plugin that uses Local Storage to prevent your work being lost. And Sisyphus is easy to use and only needs you to select the forms you want to protect.

    Basic jQuery Slider – Simple slideshows for featured content

    Basic jQuery Slider

    Basic jQuery Slider has been developed to be as simple and lightweight as possible. Only the essential functionality has been included combined with clean semantic mark-up. This means instead of removing features and bending it to suit your needs, you can use this slider and as a base and extend it to be as feature rich, or as simple, as you need.

    Fullscreen Image 3D Effect with CSS3 and jQuery

    Fullscreen Image 3D Effect with CSS3 and jQuery

    Today we want to share one of our CSS 3D Transforms experiments with you. The idea is to show an image’s fullscreen version by rotating two blocks in three-dimensional space. The faces of the blocks being rotated to the front will show the fullscreen image.

    Wave Display Effect with jQuery

    Wave Display Effect with jQuery

    Today we want to share an experiment with you that let’s you show images and content in a unique form – a wave. The idea is to initially have some smaller thumbnails rotated and placed in the shape of a sine curve. When clicking on a thumbnail, we’ll “zoom” in to see a medium sized version. Clicking again will make the large content area appear; here we will show some more content.

    galleryFocus – jQuery plugin that fades html elements

    galleryFocus – jQuery plugin that fades html elements

    $.galleryFocus() is a free jQuery plugin that allows you to fade image gallery html elements based on their proximity to the source (cursor or DOM).

    jquery.videoBG – Make an HTML5 video a background

    jquery.videoBG – Make an HTML5 video a background

    videoBG is a jQuery plugin that allows you to very easily use an HTML5 video as a background to a website or any div. For browsers that don’t support the HTML5 video tag, it will simplu use an image.
    Bear in mind bandwidth usage for both you, and your visitors. Also don’t use it too often, too many video instances will slow down the browser.

    jwerty – Awesome Handling of Keyboard Events

    jwerty – Awesome Handling of Keyboard Events

    jwerty is a JS lib which allows you to bind, fire and assert key combination strings against elements and events. It normalises the poor std api into something easy to use and clear.

    FerroSlider jQuery Plugin

    FerroSlider jQuery Plugin

    This plugins allows you to organize the contents of you website in a unusual and cool way and navigate through them with a sliding effect.
    The final effect is similar to Mac’s or Linux multiple desktops.
    You can position content as you want: by row, by column or using a custom displacement.

    jQuery ComboGrid Plugin

    jQuery ComboGrid Plugin

    ComboGrid, like autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, but in a tabular and paginated manner. ComboGrid provides keyboard navigation support for selecting an item.

    How to Create a CSS3 3D Text Plugin for jQuery

    How to Create a CSS3 3D Text Plugin for jQuery

    Our jQuery plugin uses JavaScript to apply a CSS3 style. You’d normally avoid doing that since it’s be slower and, without JavaScript, the user won’t see the effect.

    However, the 3D is unlikely to be essential and the plugin will save a significant number of development hours. If you still feel dirty, copy the generated text-shadow property from Firebug into your static CSS file.