Best jQuery Web Plugins & Tutorials with Demo

ifvisible.js : Checks if the current page is visible or not

ifvisible.js : Checks if the current page is visible or not

Crosbrowser & lightweight way to check if user is looking at the page or interacting with it.

jQuery One Page Scroll Plugin

jQuery One Page Scroll Plugin

Create an Apple-like one page scroll website (iPhone 5S website) with One Page Scroll plugin.One Page Scroll let you transform your website into a one page scroll website that allows users to scroll one page at a time. It is perfect for creating a website in which you want to present something to the viewers.

Facebook Style Profile Info Tooltip using jQuery & CSS

Facebook Style Profile Info Tooltip using jQuery & CSS

Here I had explained a very basic version of facebook profile tooltip with all features they have asked.You can learn how to design a facebook style profile tooltip with cover page,profile picture, name, headline, add as friend & send message button..

You can use this script in your web & social networking projects with little customization.

NProgress.js : jQuery plugin to Add a Progress Bar to Your Site

NProgress.js : jQuery plugin to Add a Progress Bar to Your Site

Since the advent of mobile, web sites are turning more and more into “apps”. Concepts that make sense for a locally running application are transferred to the web. One of these is the recent addition of “progress bars” to some of Google’s websites that show the loading state of the page.

NProgress is a jQuery plugin that shows an interactive progress bar on the top of your page, inspired by the one on YouTube. It consists of a global object – NProgress which holds a number of methods that you can call to advance the progress bar.

jQuery.panelSnap : Snaps to blocks of Content

jQuery.panelSnap : Snaps to blocks of Content

A jQuery plugin that provides snapping functionality to a set of panels within your interface.

A jQuery plugin that, after scrolling, snaps to blocks of content which I like to call panels. You can actually nest sets of panels as you will see throughout the demo page.

Salvattore : jQuery Masonry alternative

Salvattore : jQuery Masonry alternative

Salvattore is a  jQuery masonry alternative with CSS-driven configuration.Salvattore organizes your HTML elements according to the number of columns you specify. Each of the items in your container is placed within these columns, one by one.

jInvertScroll : jQuery Horizontal Parallax Plugin

jInvertScroll : jQuery Horizontal Parallax Plugin

jInvertScroll is a lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down.It’s extremely easy to setup and requires nearly no configuration.

jQuery ScrollChaser

jQuery ScrollChaser

Create a sticky floating fixed/scrolling sidebar.

jquery.arbitrary-anchor.js : jQuery Smooth Scrolling

jquery.arbitrary-anchor.js : jQuery Smooth Scrolling

With jquery.arbitrary-anchor.js , you can easily create useful and neat dynamic anchor scrolling by simply adding a jQuery/CSS selector after the hash (#) in your page’s URL. This plugin extends the normal anchor functionality, that is, an anchor tag with a name value attribute will still get scrolled to as normal. The same goes for an element with an ID which matches the hash. This little plugin will take care of everything else.