Best jQuery Plugins Plugins & Tutorials with Demo

    jQuery.suggest : Simple inline autosuggest jQuery plugin

    June 18, 2012 | Plugins
    jQuery.suggest : Simple inline autosuggest jQuery plugin

    jQuery.suggest, a simple inline autosuggest jQuery plugin. It takes an array of terms as haystack and suggests the user the first item that matches what has been typed to this point. The suggestion is updated with every keystroke. Tab or Enter will accept the suggestion and update the input field accordingly.

    If more than one match is found, a small indicator will appear underneath the input (you can still it via CSS as you wish). The user can then use the arrow up/down keys to cycle through the options.

    Read More Demo

    RingShare: best way to share your content in jQuery

    June 18, 2012 | Plugins, Premium, Web
    RingShare: best way to share your content in jQuery

    RingShare could be apllied to any html element and could be customized for your own needs. and works in all recent browsers: Firefox, Chrome, Opera, Safari and Internet Explorer 7,8,9 as well as Mobile Safari on iPhone/iPad.

    Features

    • Easy to integrate
    • Cross browser support
    • Customizable
    • Documentation & Example included
    Read More Demo

    Mobile navigation jquery plugin

    June 17, 2012 | jQuery Mobile, Menus, Plugins
    Mobile navigation jquery plugin

    Plugin to replace navigation with a dropdown for mobile devices.It’s simple as abc. If you have some kind of navigation that you want to replace with a dropdown for mobile devices (read: screenwidth less than 480 pixels) then you’ve found what you’re looking for.

    Read More Demo

    Html5 loader : jQuery preloader plug-in

    June 16, 2012 | HTML5, jSON, Plugins, Web
    Html5 loader : jQuery preloader plug-in

    Now you can preload your HTML 5 page with this nice plug in, passing data via JSON. You can customize it changing colors and style. It can preload video, audio, images and js

    Read More Demo

    JSTween : JavaScript animation library for jQuery

    June 16, 2012 | Animation, CSS2 / CSS3.0, Plugins
    JSTween : JavaScript animation library for jQuery

    While good for simple effects, popular JavaScript libraries like jQuery lack the Oomph required to animate complex user interactions in the DOM. JSTween was designed from the ground up for speed and precision, allowing it to handle more simultaneous animations while maintaining a silky smooth frame rate.Animations in JSTween are kicked off by triggering the play() method.

    You can use functions to define any tween value in JSTween. This is really powerful enabling you to easily animate complex motions like particle effects, snow etc.. If you are animating more than one element using CSS selectors, the assigned function calls will be executed for each element passed into the tween.JSTween exposes a number of helpers to ease cross browser CSS3 issues. Use these to apply static effects to DOM elements.

    Read More Demo

    fc.tape : jQuery widget for sprite animations like cinema tape

    June 16, 2012 | Animation, Plugins
    fc.tape : jQuery widget for sprite animations like cinema tape

    jQuery widget for sprite animations. Background image (sprite) consisting of picture frames like the movie tape is animated. Widget supports options to adjust smothness and speed of animations as well as methods to control animation behavior.

    Background image (sprite) consisting of picture frames is animated like the tape in old-time movie projectors. Widget supports options to adjust smoothness and animation speed as well as methods to control animation behavior. You can create such sprite using console util convert, included in popular image editing tool ImageMagick.

    Read More Demo

    Create a Parallax Scrolling Website Using Stellar.js

    June 15, 2012 | Plugins, Web
    Create a Parallax Scrolling Website Using Stellar.js

    One of the biggest trends in recent modern web design is use of parallax scrolling effects. In this tutorial I’m going to show you how you can create the effect on your own website, with a bit of imagination and a little help from Stellar.js.

    When combined with the scrolling functionality of a website, parallax scrolling effects can have a strong visual impact, especially when combined with some form of story which takes you on a journey.Parallax is a displacement or difference in the apparent position of an object viewed along two different lines of sight.

    Read More Demo

    jQuery Picture : Responsive images plugin

    June 15, 2012 | jQuery Mobile, Plugins, Responsive, Web
    jQuery Picture : Responsive images plugin

    jQuery Picture is a tiny (2kb) plugin to add support for responsive images to your layouts. It supports both figure elements with some custom data attributes and the new proposed picture format. This plugin will be made redundant when the format is approved and implemented by browsers. Lets hope that happens soon but in the meantime this plugin will be kept up to date with latest developments.

    Read More Demo

    jQuery Image Scroller Plugin

    June 13, 2012 | Drag & Drop, Gallery, Plugins
    jQuery Image Scroller Plugin

    Building websites for PUMA has given me the opportunity to do some pretty cool stuff. The latest feature was dreamed up by Owen, and it turned out to be pretty easy to do with JavaScript.

    These large individual product images work great for products like shoes, but when we needed to introduce clothing items we couldn’t fit the entire product in without shrinking the image down until it was too small. Owen’s solution was to have a small thumbnail preview that you could drag over to view different sections of a larger image.

    Read More Demo

    Zuper Responsive Multitouch Slider in jQuery

    June 13, 2012 | Plugins, Premium, Responsive, Slider
    Zuper Responsive Multitouch Slider in jQuery

    Zuper Slider uses unobtrusive javascript and a powerful configuration panel for effects and design elements to transform a block of simple HTML markup into a beautiful elegant slider. When we create the Zuper Slider is lightweight, fast loading, mobile ready, responsive, easy to use,has multiple skins and much more. Zuper Slider is the most complex and powerful slider that you can use. Saves development time – Powerful features – Simple implementation – Fully customizable.

    Mobile Ready Zuperslider is mobile ready. Touch gestures navigation for iOS, Android and other touch devices. Its main feature is that has the touch technology implemented for mobile devices.

    Read More Demo