Best jQuery Web Plugins & Tutorials with Demo

    Garlic.js : jQuery Plugin to persist forms data locally

    Garlic.js : jQuery Plugin to persist forms data locally

    Garlic.js allows you to automatically persist your forms’ text field values locally, until the form is submitted. This way, your users don’t lose any precious data if they accidentally close their tab or browser.

    It strives to have a javascript agnostic interface for UI/UX developers that might want to use it. Just add some data-persist="garlic" in your form tags, and you’re good to go!

    jQuery text highlighter and filter Plugin

    jQuery text highlighter and filter Plugin

    When someone types anything in it then a set area on your page becomes responsive and only displays part of that area which contains the word or string typed by the user.

    Make a Google Powered Shopping Search Website with jQuery & PHP

    Make a Google Powered Shopping Search Website with jQuery & PHP

    In this tutorial, we will be making a simple product search engine. Using jQuery and PHP, we will tap into Google’s Shopping Search API and return a list of items available for purchase, along with prices, photos and other useful information. The Shopping Search API gives us direct access to Google’s large database of products and prices, obtained from partnering online stores. Another benefit to using this service, is that products are automatically ranked and filtered for us behind the scenes to better match with the user’s search query.

    toastr : Simple jQuery toast notifications

    toastr : Simple jQuery toast notifications

    toastr is a Javascript library for Gnome / Growl type non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended.

    InfiniWall : Infinite, loopable, lazy loaded, 360° scroller for desktop & mobile

    InfiniWall : Infinite, loopable, lazy loaded, 360° scroller for desktop & mobile

    InfiniWall is a script for desktop and mobile that lets you pan/scroll a potentially infinite number of elements on screen. It is obsessively optimized for mobile devices which have limited power and memory and notoriously have troubles handling a large number of tags at the same time (especially images).

    Bootstrap-wysihtml5 : jQuery & Html5 Beautiful wysiwyg Editors

    Bootstrap-wysihtml5 : jQuery & Html5 Beautiful wysiwyg Editors

    Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap.

    How-To Create Your Own Instant Search in jQuery

    How-To Create Your Own Instant Search in jQuery

    Google recenlty launched a new way to search the web called Google Instant, which can save several seconds per search.Google instant involves a lot of high technology, including a new and smarter predicting system.

    This technology is not available for every webmaster in your own page yet, however, we can get really good results with php and jQuery, allowing everyone to create your own version of instant search.We are going to create now the simplest code, in order to learn how it works.This way anyone may learn easily and recreate it, fitting it perfectly with your own project.

    BootMetro : Create web apps with Windows 8 Metro user interface

    BootMetro : Create web apps with Windows 8 Metro user interface

    BootMetro provides simple and flexible HTML, CSS, and Javascript for web apps that wants to use the “Windows 8 MetroUI” style, without the need to run on Windows 8. It is built on top of Twitter Bootstrap and was originally inspired by the Metro UI CSS by Sergey Pimenov.

    The framework permit to create web applications with the look&feel of the not-yet-released Windows 8 MetroUI style. Maybe not ideal for internet web sites, the MetroUI style can be adopted for modern intranet web sites. I’ve choosen to use as base the awesome Twitter Bootstrap framework, applying a set of customizations in pure css (but planning to do it in LESS for future version).

    Crumble : jQuery Feature Tour

    Crumble : jQuery Feature Tour

    Crumble allows you to quickly and easily build feature tours for your website or app using small bubbles!.The bubbles are visually interesting, will draw attention and due to the small size make sure that you will write using concise language that visitors will read.

    The tour itself is defined as a standard ordered list in your html, making it accessible.

    Make a better FAQ page with jQuery

    Make a better FAQ page with jQuery

    The Frequently Asked Questions page has been a mainstay of all types of websites since the dawn of the Web. It’s used as a marketing page, as an attempt to reduce the number of calls or e-mails to a customer service department, and as a helpful tool for site visitors to learn more about the company or organization they’re dealing with or the products or services they’re interested in purchasing.