Best jQuery Web Plugins & Tutorials with Demo

    jQuery Interactive Shopping Cart

    jQuery Interactive Shopping Cart

    This is a smart interactive Shopping Cart jQuery plugin based on Bootstrap framework.

    Features:

    • Very easy to install!
    • Full AJAX implementation code.
    • Well documented code.
    • HTML5 & Valid CSS .
    • Cross-platform.
    • Easy to customize.

    jQuery Responsive Tile Gallery

    jQuery Responsive Tile Gallery

    Responsive Tile Gallery is a completely responsive image gallery. It allows your visitors to easily sort and view all of your images. It also allows you to put your images into categories, load thumbnails instead of full resolution images, and develop a responsive websites for all platforms.

    Features:

    • Fully responsive image gallery
    • Optional categories to let users sort through images
    • Optional lightbox for full resolution viewing
    • Optional Image captions
    • Option to use thumbnail images for faster load times
    • Uses CSS Transitions with jQuery fallbacks for improved performance
    • Cross-browser compatible (from IE7 and up)

    Fullscreen Site Navigation with jQuery & Html5

    Fullscreen Site Navigation with jQuery & Html5

    FSN (Fullscreen Site Navigation) is a JavaScript plugin that lets to build in the easy and quick way a fullscreen website.FSN can be integrated into any cms or website template: it provides only the structure and the algorithm to make it work, the rest is on the designer hand.So you can understand that it’s very flexible and it adapts to any user requirement.

    Features:

    • Html5 structure
    • Menu system navigation
    • Keyboard navigation
    • Arrows navigation
    • Dots navigation
    • Url navigation
    • Ajax content
    • Scrollbar customization
    • Adaptive layout
    • Configuration file
    • IE6 Alert
    • Background image
    • Cross Browser
    • Cross Device

    jQuery Animated Hover Tooltip Plugin

    jQuery Animated Hover Tooltip Plugin

    A JQuery tooltip plugin that easily adds tooltip interaction to HTML element that requires a bit more information than a title attribute.

    Responsive and Mobile-Friendly Tooltip

    Responsive and Mobile-Friendly Tooltip

    Tooltip is a splendid invention. Small detail in web design that plays a big role when it comes to user experience. Usually, tooltips are used to present a tiny amount of hidden content (mainly explanatory, so-called tips), that pops up when user moves a cursor over or clicks (less common) on a special target.When working on my personal website, I was in need of a tooltip. I decided not to limit it just on a typical definition of a tooltip, but also make it a better occurrence using CSS and jQuery technologies.
    Key Features

    • It’s responsive.
    • It’s mobile-friendly.
    • It’s HTML formatting capable.

    jQuery Toggles : Easily-styleable Toggle Buttons

    jQuery Toggles : Easily-styleable Toggle Buttons

    Toggles is a lightweight jQuery plugin that creates easily-styleable toggle buttons.

    Print Part Of A Web Page With jQuery

    Print Part Of A Web Page With jQuery

    A jQuery plugin to handle the print() functionality. This way, we can make anything on the page printable using a jQuery selector. The caveat being that the containing element is not printed – only it’s child elements get added to the print document. In the following page, when the DOM is ready, we find our link element and have it print (upon click) any element on the page with the class “printable:”.We are creating an IFrame on the fly, writing the target HTML to its body, and then printing it.

    New Gmail like Floating Toolbar jQuery Plugin

    New Gmail like Floating Toolbar jQuery Plugin

    This time Google has invested some resources in designing their sites. Like Gmail has been made much better. The new theme is simple and sober. I liked the floating toolbar of new Gmail. When I looked at it I thought why shouldn’t I create something like that for my readers. After that I created a jQuery plugin that floats any element on your webpage just like the Gmail’s toolbar. The plugin is really simple to use with few lines of code.

    PrintArea : Print section of the page with jQuery

    PrintArea : Print section of the page with jQuery

    Today we will learn how to print a section of the page using jQuery plugin PrintArea. This plugin allows us to indicate which container on the page we want to send to the printer maintaining the original css styles applied to the element being printed.

    Intelligist : jQuery Easy to share and demo code in-page plugin

    Intelligist : jQuery Easy to share and demo code in-page plugin

    A jQuery plugin that makes it easy to share and demo code in-page, using GitHub gists.Sharing code is an essential part of the Internet. It’s how we learn.The Gist service that GitHub provides is an instrumental part of that sharing process,making it easy to embed code into your website, and collaborate.

    Intelligist is a convenient plugin for sharing GitHub gists on your website.It allows you to share one or more gists, and even execute the code, which makes it ideal for demoing JavaScript and CSS in-page.