Best jQuery Web Plugins & Tutorials with Demo

    intro.js : JavaScript step-by-step guide for your projects

    intro.js : JavaScript step-by-step guide for your projects

    A better way for new feature introduction and step-by-step users guide for your website and project.

    flowtime.js : HTML5/CSS3/JS Presentation Framework

    flowtime.js : HTML5/CSS3/JS Presentation Framework

    Flowtime.js is a framework for easily build HTML presentations or websites.You can navigate in many ways. The most common way is using the keyboard.

    Flowtime.js is designed to perfectly fit your viewport and is based on a solid display: inline-block; foundation.
    This frameworks doesn’t style your presentations or sites for you but it takes care of all the annoying things like navigation and deep-linking, so you are free to style every single element of your design as you like. But for the ones who need a ready-to-use tool it comes with a default theme that you can edit or you can add new themes just by linking your css files.

    jQuery Address : Deep linking for the masses

    jQuery Address : Deep linking for the masses

    The jQuery Address plugin provides powerful deep linking capabilities and allows the creation of unique virtual addresses that can point to a website section or an application state. It enables a number of important capabilities including:

    • Bookmarking in a browser or social website
    • Sending links via email or instant messenger
    • Finding specific content using the major search engines
    • Utilizing browser history and reload buttons

    CookieCuttr : jQuery plugin to deal with the EU Cookie Law

    CookieCuttr : jQuery plugin to deal with the EU Cookie Law

    A tailorable jQuery plugin to deal with the EU Cookie Law.’ve been trying to come up with a way of implementing a sensible solution to the impending EU cookie law due to be enforced on 26th May. I wanted to develop something I could use easily and add to all of my client websites and my own websites with a really quick and configurable implementation.

    I’ve come up with a tailorable solution, depending on how you or your client chooses to “interpret” the new law.

    Hook.js : Pull to refresh with jQuery

    Hook.js : Pull to refresh with jQuery

    We love that neat little “pull to refresh” feature on our devices, but wouldn’t it be awesome if it was for the web? Well, that’s what Hook is here to do. We took a concept from mobile phones and tablets and made it work for the web.

    fixto : jQuery plugin for sticky positioning

    fixto : jQuery plugin for sticky positioning

    A jQuery plugin for sticky positioning. Fix containers to the viewport relative to an ancestor. To see it in action you can see the demo page

    Features:

    • Responsive
    • Handles multiple instances
    • Start, stop, destroy
    • Sensitive to viewport height

    perfect-scrollbar : Tiny but perfect jQuery Scrollbar plugin

    perfect-scrollbar : Tiny but perfect jQuery Scrollbar plugin

    Tiny but perfect jQuery scrollbar plugin.

    Features:

    • There should be no css change on any original element.
    • The scrollbar should not affect the original design layout.
    • The design of the scrollbar should be (nearly) fully customizable.
    • If the size of the container or the content changes, the scrollbar size and position should be able to change.

    Bubble-cursor : A bookmarket to add bubble cursor

    Bubble-cursor : A bookmarket to add bubble cursor

    A bookmarket to add bubble cursor functionality to any website.Drag the bookmarklet from index.html to your bookmarks bar or another tab. Use it on any webpage to see how a bubble cursor works.

    The current link will be outlined in blue. Click to follow the link. Press B to see the bubble.

    Speedo Harlem : jQuery plugin to entertain your visitors

    Speedo Harlem : jQuery plugin to entertain your visitors

    Speedo Harlem is a jQuery plugin to entertain your visitors and let them shake your website.In the wake of the Harlem Shake viral video trend we realized that dancing is not for everyone, so why not learn our website how to shake it in trend? Now is very simple.

    You want to see your website how is shaking? Now is posible. All you have to do is to load our plugin and css files and the shake will begin.

    Why? You ever thought that your html element are bored in a static page? Let`s do a party for them.

    fresherEditor : jQuery Rich html text editor

    fresherEditor : jQuery Rich html text editor

    fresherEditor is a light-weight WYSIWYG rich text editor plugin that uses contentEditable support in modern browsers for in-place HTML editing.

    Features:

    1. Supports all text editing features such as bold, italic, font size and font name settings, text alignments, links and picture insertion, and more
    2. Builds toolbar automatically. By default, all buttons are built. You can configure which buttons to hide
    3. Triggers ‘change’ event so you can perform action when html content changes
    4. Uses Twitter Bootstrap