Best jQuery Plugins Plugins & Tutorials with Demo

    Wookmark : jQuery Grid Layout plugin with Demo

    March 25, 2012 | Layout, Plugins, Responsive, Web
    Wookmark : jQuery Grid Layout plugin with Demo

    Wookmark is a free jQuery plugin for creating dynamic and multi column layouts.

    This jQuery plugin dynamically creates boxes with random heights, it detects the size of the window and automatically organizes the boxes into columns approximately of equal height.

    Read More Demo

    How to Create a Helpful jQuery Plugin With Twitter Anywhere

    March 24, 2012 | Plugins, Web
    How to Create a Helpful jQuery Plugin With Twitter Anywhere

    Twitter Anywhere is a “one-script-include” solution from Twitter to bring the power of their communication platform to your website. We’ll be building a small jQuery script that utilizes Twitter Anywhere for your users.

    Read More Demo

    jQuery Blinds Slideshow using CSS Sprites with Demo

    March 24, 2012 | Plugins, Slider
    jQuery Blinds Slideshow using CSS Sprites with Demo

    jQuery slideshow plugin blinds has following features :

    Features

    • Smooth animated transition
    • Customizable sprite grid
    • Customizable animation ochestration
    • Multiple instances on the same webpage
    • jQuery compatible (plugin)
    • Unobtrusive javascript
    Read More Demo

    OKShadow : jQuery Drop shadow Animation with Demo

    March 24, 2012 | Animation, Plugins
    OKShadow : jQuery Drop shadow Animation with Demo

    OKShadow is a jQuery plugin that produces drop shadows that track the mouse cursor. Many effects are possible, including depth-of-field simulation and focus effects. OKShadow also works on text. In this case the shadow’s size and movement are restricted.

    Read More Demo

    jQuery UniqueField plugin with Demo

    March 23, 2012 | Ajax, Forms, Plugins
    jQuery UniqueField plugin with Demo

    jQuery UniqueField plugin is ajax based tool who check availability of usernames, email addresses or etc. Use in your register, sign up or other forms.

    Read More Demo

    jQuery Selectbox plugin with Demo

    March 23, 2012 | Ajax, Forms, Plugins
    jQuery Selectbox plugin with Demo

    Custom select box replacement inspired by jQuery UI source.

    Read More Demo

    Hoverizr : A responsive jQuery Image manipulation and overlay plugin

    March 22, 2012 | Gallery, Plugins, Responsive
    Hoverizr : A responsive jQuery Image manipulation and overlay plugin with Demo

    Hoverizr is a really small (2.5KB minified) responsive jQuery plugin that outputs manipulated images on top (or below) your targeted images. Currently, it features three effects: grayscale, blur and color inversion. Automatically when you move your mouse over the target elements, the element above fades out to reveal the element beneath whether it is the original image or the manipulated one.Hoverizr takes advantage of the <canvas> element to do all the image processing.

    Read More Demo

    Flippy : Flip effect jQuery Plugin with Demo

    March 22, 2012 | Gallery, Plugins
    Flippy : Flip effect jQuery Plugin with Demo

    Flippy is a cross-browser flip effect plugin for jQuery which allows you to flip whatever html element you want.The Flippy plugin works fine for every modern web browser except Internet Explorer 8 and before (of course…).
    In this demo I used the excanvas.js file to allow the use of canvas in older IE versions.

    Read More Demo

    jQuery Snow Falling plugin with Demo

    March 21, 2012 | Animation, Plugins
    jQuery Snow Falling plugin with Demo

    Idea behind jQuery snow falling plugin is to create one snowflake initially, clone that snowflake at some time interval and add random values for properties for each of them. And it’s done in less than 1kb minifed.

    Read More Demo

    jQuery UI text effects with Demo

    March 20, 2012 | Animation, Plugins, Text Effect
    jQuery UI text effects with Demo

    Each effect is highly configurable. Here is a general list of the options available in each effect (also changelog):

    • Whether or not the text should be split into words rather than characers
    • Text to use instead of the element’s innerHTML
    • The distance the pieces travel (as a multiple of the element’s respective dimensions)
    • ++ added ++ The direction the pieces travel
    • Whether or not to fade the pieces in/out
    • How much the effect should be randomized (a percentage)
    • ++ added ++ stop elements from leaving the document’s boundaries
    Read More Demo