Best jQuery Web Plugins & Tutorials with Demo

    isInViewport.js : jQuery plugin to see Element is in the Viewport

    isInViewport.js : jQuery plugin to see Element is in the Viewport

    An ultra-light jQuery plugin that tells you if the element is in the viewport, but with a twist.

    TitleNotifier.js : Show Notifications in your Webpage Title

    TitleNotifier.js : Show Notifications in your Webpage Title

    Lightweight (< 3Kb), dependency-free javascript library to dynamically show the number of unread notifications in your webpage title.

    Ripple LazyLoad Scrolling Effects jQuery WordPress Plugin

    Ripple LazyLoad Scrolling Effects jQuery Wordpress Plugin

    Ripple Lazyload Scrolling Effects WordPress Plugin is First ever made plugin for WordPress Lazy Load Scrolling effects. Till now these effects working only on html but we have now created 20+ Lazy load effects which makes your website more professional and graphically attractive.

    Toolkit : Front-End UI toolkit built with HTML5, CSS3, jQuery

    Toolkit : Front-End UI toolkit built with HTML5, CSS3, jQuery

    Titon Toolkit is a collection of very powerful user interface components and utility classes for the responsive, mobile, and modern web. Each component represents encapsulated HTML, CSS, and JavaScript functionality for role specific page elements.

    Toolkit makes use of the latest and greatest technology. This includes HTML5 for semantics, CSS3 for animations and styles, Sass for CSS pre-processing, Grunt for task and package management, and powerful new browser APIs for the JavaScript layer.

    Pure JS One Page Scroll

    Pure JS One Page Scroll

    Pure JS One Page Scroll is a javascript version of One Page Scroll. The plugin will let you create an Apple-like one page scroll website (iPhone 5S website) without replying on jQuery.

    Shepherd : Guide your users through a Tour of your App

    Shepherd : Guide your users through a Tour of your App

    Shepherd is a javascript library for guiding users through your app. It uses Tether, another open source library, to position all of its steps.

    Tether makes sure your steps never end up off screen or cropped by an overflow. Try resizing your browser to see what we mean. Shepherd supports IE9+ and all modern browsers.

    jQuery Html5 Loader Plugin

    jQuery Html5 Loader Plugin

    jQuery.html5Loader can preload images, html5 video and audio sources, css, scripts and text files. This plugin needs a JSON file to get the files that must be preloaded (you can use also use a javascript object as well), and it provides an easy API to give you the the amount of file loaded in percentage.

    Demos

    Centr: jQuery plugin to Center objects

    Centr: jQuery plugin to Center objects

    Centr is a lightweight jQuery plugin that centers any object to the middle of the screen. It is easy to use for both amateur and professional web developers. Centr works across mostly all browsers.

    jQuery FadeThis : Plugin for fade-as-you-scroll Features

    jQuery FadeThis : Plugin for fade-as-you-scroll Features

    A lightweight jQuery plugin for fade-as-you-scroll features.

    Glossarizer : jQuery plugin to automatically markup Glossary Terms

    Glossarizer : jQuery plugin to automatically markup Glossary Terms

    A jquery plugin to automatically markup glossary terms on a page and display definitions as a tooltip.

    Features:

    • Reads glossary list from json file or object
    • Automatically searches for and marks up glossary terms found on a page with attributes
    • Supports terms exclusion
    • Supports multiple terms
    • Replaces TextNodes only
    • No involvement from authors