Best jQuery Web Plugins & Tutorials with Demo

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.

jQuery Interactive Shopping Cart

jQuery Interactive Shopping Cart

This is a smart interactive Shopping Cart jQuery plugin based on Bootstrap framework.

Features:

  • Very easy to install!
  • Full AJAX implementation code.
  • Well documented code.
  • HTML5 & Valid CSS .
  • Cross-platform.
  • Easy to customize.

jQuery Responsive Tile Gallery

jQuery Responsive Tile Gallery

Responsive Tile Gallery is a completely responsive image gallery. It allows your visitors to easily sort and view all of your images. It also allows you to put your images into categories, load thumbnails instead of full resolution images, and develop a responsive websites for all platforms.

Features:

  • Fully responsive image gallery
  • Optional categories to let users sort through images
  • Optional lightbox for full resolution viewing
  • Optional Image captions
  • Option to use thumbnail images for faster load times
  • Uses CSS Transitions with jQuery fallbacks for improved performance
  • Cross-browser compatible (from IE7 and up)