Best jQuery Web Plugins & Tutorials with Demo

jQuery expose : Highlight Elements on a Page

jQuery expose : Highlight Elements on a Page

Create a modal backdrop over everything except specified exposed elements.

Sometimes you want to highlight elements on a page. There are many techniques out there will but a backdrop over the entire document and try to bring elements to the forefront via relative positioning and z-indexes. This can fail for many display types (individual table rows, fixed position elements). Additionally, you have to ensure that the element will stand out in front of the backdrop (white background or something similar).

To get around this, instead of highlighting the element, we will obscure everything else on the page except the elements that we want to show through.

scrollIt.js : jQuery plugin to Vertically Scrolling Pages

scrollIt.js : jQuery plugin to Vertically Scrolling Pages

A jQuery plugin that makes it easy to create paginated, feature vertically scrolling pages.

Features:

  • Easy to implement: One JS call, just put data- attributes on the DOM
  • Lightweight: ~1kb minified
  • Active Class: Your navigation is updated automatically
  • Configurable: Set the animation easing, duration, callbacks and more
  • Keyboard Navigation: Press the up and down keys to move…

jQuery Scroll Sections Plugin

jQuery Scroll Sections Plugin

A plugin that allows you to define (full page) sections and scroll between them with mousewheel, keyboard, scrollbar and/or touch moves.

Sticky-Kit : jQuery plugin for Smart Sticky elements

Sticky-Kit : jQuery plugin for Smart Sticky elements

A jQuery plugin for making smart sticky elements.Sticky-kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.

jWizard : jQuery UI Form Widget

jWizard : jQuery UI Form Widget

jWizard  is a jQuery Plugin for generating a Windows Wizard-like interface for your Web Applications.

jQuery Onscreen Visibility Plugin

jQuery Onscreen Visibility Plugin

A jquery plugin which allows us to quickly check if an element is within the browsers visual viewport regardless of the window scroll position.If a user can see this element, the function will return true.

WordPress Feeds with responsive multi-column layout – jQuery Plugin

Wordpress Feeds with responsive multi-column layout - jQuery Plugin

WordPress feeds will show up your posts from any wordpress site on your website. All you need to od is specify your wordpress site link or your worpress site Id. Now you can customize this plugin completely at Cloudsmith.

The view is fully responsive with all major browser support.

Summernote : Super Simple jQuery WYSIWYG Editor on Bootstrap

Summernote : Super Simple jQuery WYSIWYG Editor on Bootstrap

Summernote is a javascript program that helps you to create WYSIWYG Editor on web.Simple UI, Interative WYSIWYG editing, easy integrate Backend server and so much others.Summernote uses opensouce libraries(jQuery, bootstrap, fontAwesome).

Reveal Content When Needed With an Expanding Footer in jQuery

Reveal Content When Needed With an Expanding Footer in jQuery

In this tutorial we’re going to build an expanding footer; a user interface pattern which allows the user to click on expandable footer regions if they wish to see more content. The end result is comparable to the accordion effect sometimes applied to lists and you can find it used on sites such as seesparkbox.com.

jQuery Html5 Pusher Plugin

jQuery Html5 Pusher Plugin

Enable HTML5 History navigation in your web site easly.

This plugin aims to enable the HTML5 navigation in sites without having to change anything server side. If the browser does not support HTML5 no fallback is provided, the site will be simply browsed in the old way.