Best jQuery Plugins Plugins & Tutorials with Demo

    Backstretch : jQuery plugin for dynamically-resized background image

    Backstretch : jQuery plugin for dynamically-resized background image with Demo

    Backstretch a simple jQuery plugin that allows you to add a dynamically-resized background image to any page.It will stretch any image to fit the page, and will automatically resize as the window size changes.

    Images are fetched after your page is loaded, so your users won’t have to wait for the (often large) image to download before using your site.

    MapQuery : jQuery Map plugin with Demo

    MapQuery : jQuery Map plugin with Demo

    MapQuery is a jQuery plugin that you can use to add mapping to your website. Whether you quickly want to add a simple map to a page, or build a feature rich web application, MapQuery is just the thing you need.

    jQuery History : Simple History Handler/Remote for Hash with Demo

    jQuery History : Simple History Handler/Remote for Hash with Demo

    jQuery History allows you to easily track changes of the pages state by tracking URL Hashes. Supports changes triggered by bookmarks and back & forward buttons, as well as cross browser support.

    • Tracks state changed within your application. States can be changed by the user via modification of the Page URL’s Hash (everything after the # in the URL), or via you manually in your code.
    • Is able to detect all the possible ways a page’s state can change. These can be via links in your code, back-forward buttons in your browser, manual modification of the URL’s hash, using bookmarks that contain hashes, and finally refreshing a page with a hash.
    • Routinely tested in all major browsers before each release. Explicitly it has been tested in IE6 and above, Firefox 2 and above, Safari 2 and above, Chrome 1 and above, and Opera 8 and above.
    • Allows you to bind handlers to state changes within your web application. Eg. $.History.bind('myState',function(state){});
    • Allows you to trigger a state change manually within your code. Eg. $.History.go('myState');
    • Allows you to trigger a state handler manually within your code, such that the state is not recorded. Eg. $.History.trigger('myState')
    • Allows for easy integration with Ajax Applications via the use of jQuery Ajaxy.

    Tiny Circleslider : jQuery circular slider / carousel with Demo

    Tiny Circleslider : jQuery circular slider / carousel with Demo

    Tiny Circleslider is a jQuery circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library.

    Features

    • Supports iPhone, iPad and Android
    • Supports sliding by thumb or pager
    • A interval can be set to slide automaticaly every given milliseconds
    • Can be set to snap to a page
    • Option to fade dots when dragging is done
    • Size(radius) of the slider can be set.
    • Can fire a callback after every move.
    • Easy customizable
    • Lightweight its only 130 lines of code. mimified the size is 4 kb

    Sticky : jQuery super simple Notification System with Demo

    Sticky : jQuery super simple Notification System with Demo

    Your users need sweet little notifications to keep them all warm and fuzzy inside. Sticky allows you to send such messages with ease, and class. Quickly notify a user of software updates, process completions, or annoy them with registration reminders.

    jQuery Three Dee Plugin with Demo

    jQuery Three Dee Plugin with Demo

    The jQuery Three Dee project is a plugin for the jQuery JavaScript Framework, which converts text into 3D text that can be viewed with simple red/blue 3D glasses. The plugin uses CSS3, with a fall-back for older browsers to create the 3D effect.

    jQuery Slideshow with jmpress.js

    jQuery Slideshow with jmpress.js and Demo

    Today we will create a slideshow using jmpress.js. The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects for the slides.

    You have for sure already seen impress.js, a really great JavaScript library for creating extraordinary 3D presentations. The jQuery port jmpress.js let’s you use this library as a jQuery plugin with some added options. We want to show you today how to use this great plugin to create a responsive slideshow with 3D effects.

    Webshims Lib : jQuery Polyfill loading Library with Demo

    Webshims Lib : jQuery Polyfill loading Library with Demo

    HTML5 forms/Web Forms 2.0 widgets and constraint validation API.Webshims Lib is a modular capability-based polyfill-loading library, which focuses on accurate implementations of stable HTML5 features, so that developers can write modern, interoperable and robust code in all browsers. It is built on top of jQuery and Modernizr.

    Colorwheel : jQuery Color picker with Demo

    Colorwheel : jQuery Color picker with Demo

    A color picker coded using Raphael and jQuery. The wheel is drawn using the Raphael js library. jQuery is used to assist with events.

    The wheel size is set on creation. It supports a small set of callbacks.

    Promptumenu : jQuery Plugin to Display List Items like iPhone

    Promptumenu : jQuery Plugin to Display List Items like iPhone with Demo

    A jQuery plugin that allows you to display list items in a similar way like a iPhone home screen. If item count exceeds the displayed items on one screen, users can swipe through screens.This plugin is intended to create iPhone or Android like experience by creating a window with a menu.

    You must be familiar with the concept of iPhone or Android homescreen. You have the window. And icons of various utilities there. And if the count of icons exceeds the space on the menu, a new page is created. By swiping with a finger you can see the next page, and interact with the icons there.