Best jQuery Web Plugins & Tutorials with Demo

    Native Fullscreen jQuery API

    Native Fullscreen jQuery API

    HTML5 <video> is great, but when it was first released, one of the big complaints was that it couldn’t do true FullScreen like Flash. Thankfully, this is changing and native FullScreen support is coming to most browsers in the next few months.

    The API is still heavily in flux especially since the W3C joined in this week. I spent some time working through the differences to implement FullScreen in MediaElement.js HTML5 video player, and it’s working great in Safari 5.1+, Chrome Canary Chrome 15+, or Firefox Nightly (go to about:config and set full-screen-api.enabled= true) and scheduled for Firefox 10.

    Revolver : jQuery Sliding Website Plugin

    Revolver : jQuery Sliding Website Plugin

    Revolver is a jQuery plugin for creating full screen sliding websites. It can be integrated into any website template.

    FEATURES • Scroll bar support • Browser’s back and forward buttons support • Fix the scroll of exit page. • AJAX support (Load dynamic content without page refresh). • Dynamic slides can be loaded at the startup or upon request. • The speed and the animation easing are adjustable. • Easy to Customize • Cross Browser Support • Well Documented

    firstImpression.js: A micro-library for detecting new visitors

    firstImpression.js: A micro-library for detecting new visitors

    firstImpression.js is a micro/nano-library (1 kb minified) that answers the simple question, “Has this user visited this site before?” The detection doesn’t require much logic, so the majority of the code is just a Plain JavaScript port of the popular jquery.cookie plugin.

    jQuery Lazy Load v1.7

    jQuery Lazy Load

    Lazy Load is a jQuery plugin to delay loading of images in long web pages. Images outside of viewport (visible part of web page) won’t be loaded before user scrolls to them.

    $.store : jQuery Extensible localStorage API with Demo

    $.store : jQuery Extensible localStorage API with Demo

    $.store offers an extensible API to persistent data storage on the client side of things. While modern browsers support localStorage, older Internet Explorers offer userData. For even older browsers a window.name fallback is in place.

    New storage drivers and serializers can be easily added to $.store. You could thus create two storage environments, one for persistent storage, and one for session storage. User defined serializers can aid in converting your javascripts objects to JSON and back to objects.

    Joyride : jQuery feature tour plugin with Demo

    Joyride : jQuery feature tour plugin with Demo

    jQuery feature tour plugin.Joyride is an awesome jQuery plugin that lets you take users on a custom tour of your app.Setting up Joyride is simple, just attach the needed files, drop in your markup and choose your settings.

    Joyride is extremely flexible and lets you take control of how people interact with your tour. We programmed it to be cross-browser compatible with modern browsers and even used some fancy CSS to avoid images. Now let’s see just how easy it is to take your first ride without getting the fuzz involved.

    skrollr : jQuery parallax scrolling for the masses with Demo

    skrollr : jQuery parallax scrolling for the masses with Demo

    Parallax* scrolling lib with zero dependencies in just over 7k minified (3k gzipped). No JavaScript skills needed.Actually, skrollr is much more. It’s a full-fledged scrolling animation library. In fact, you can use it and still have no parallax scrolling at all. But calling it “parallax” is part of my ongoing effort to play buzzword bingo as often as possible. By the way, skrollr leverages HTML5 and CSS3.

    skrollr allows you to animate any CSS property of any element depending on the horizontal scrollbar position.All you need to do is define key frames for each element at certain points in top offset. Each key frame consists of one or multiple CSS properties and values.

    Fixing These jQuery : Debugging jQuery Tutorial Presentation in HTML5

    Fixing These jQuery : Debugging jQuery Tutorial Presentation in HTML5 with Demo

    Fixing These jQuery is an HTML5 presentation designed to familiarise developers with basic approaches to debugging jQuery and JavaScript code. It also introduces many of the common pitfalls most people encounter at some point on their jQuery journey.

    jQuery Endless Scroll a infinite pagination with Demo

    jQuery Endless Scroll a infinite pagination with Demo

    Endless/infinite scrolling/pagination.If you don’t already know, endless scroll (or endless pagination, or infinite scrolling) is a popular technique among web 2.0 sites such as Google Reader and Live Image Search, where instead of paging through items using the traditional pagination technique, the page just keeps loading with new items attached to the end.