Best jQuery Plugins Plugins & Tutorials with Demo

    Color animation jQuery-plugin

    July 19, 2012 | Animation, Plugins
    Color animation jQuery-plugin

    jQuery’s animate function, you can animate all kinds of css-properties. What’s really missing from jQuery is animating colors.This plugin also adds rgba-colors, so now you can animate the transparency of the background and foreground text independently. Beware that Internet Explorer 8 and earlier don’t support rgba-colors. This plugin will add this feature. With this plugin, you can animate the following properties:

    • color
    • backgroundColor
    • borderColor
    • borderBottomColor
    • borderLeftColor
    • borderRightColor
    • borderTopColor
    • outlineColor
    Read More Demo

    jQuery Sort and Order Portfolio Plugin

    July 18, 2012 | Animation, CSS2 / CSS3.0, Plugins, Premium
    jQuery Sort and Order Portfolio Plugin

    jQuery Sort and Order Portfolio Plugin has a following features :

    • Extendable filter and order buttons.
    • Customize CSS3 driven animation, graceful degradation.
    • About 30 kinds animation transition style, different in easeIn and easeOut.
    • Optional reverse order, you can set the order button support it or not.
    Read More Demo

    jQuery zLayers Parallax Plugin

    July 16, 2012 | Plugins
    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!

    Read More Demo

    jQuery Scroll Follow

    July 16, 2012 | Plugins
    jQuery Scroll Follow

    Scroll Follow is a simple jQuery plugin that enables a DOM object to follow the page as the user scrolls. Scroll Follow has been successfully tested on IE6, IE7, FF2, FF3, Safari 3, and Opera 9 on Windows. It has been successfully tested on FF3 and Safari 3 on MacOSX.

    Read More Demo

    Doubletake : jQuery plugin for responsive images

    July 15, 2012 | Plugins, Responsive, Web
    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.

    Read More Demo

    jQuery responsive web

    July 15, 2012 | Plugins, Responsive, Web
    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.

    Read More Demo

    jMapping : jQuery plugin for creating Google Maps from semantic markup

    July 15, 2012 | Ajax, Maps, Plugins
    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.

    Read More Demo

    Evo Slider : jQuery slideshow & content slider plugin

    July 14, 2012 | Accordion, Plugins, Slider
    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.

    Read More Demo

    jQuery Responsive Thumbnail Gallery Plugin

    July 13, 2012 | Gallery, Plugins, Responsive
    jQuery Responsive Thumbnail Gallery Plugin

    jQuery Plugin for creating image galleries that scale to fit their container.

    Read More Demo

    StyledSelect jQuery plugin

    July 11, 2012 | Forms, Plugins
    StyledSelect jQuery plugin

    The styledSelect plugin for jQuery lets you replace <select> form elements with freely stylable markup.The original select element stays in the page so your form won’t change and users without Javascript simply fall back to the original form element.

    Unlike other implementations styledSelect directly replaces a select element. As such it does not support arbitrary data for each element, just the value and text of an option tag.

    Read More Demo