Best jQuery Web Plugins & Tutorials with Demo

Fun with jQuery Templating and AJAX

Fun with jQuery Templating and AJAX

In this tutorial, we’ll take a look at how jQuery’s beta templating system can be put to excellent use in order to completely decouple our HTML from our scripts. We’ll also take a quick look at jQuery 1.5′s completely revamped AJAX module.

Flexible & Desktop-Like Layouts With jQuery: UI.Layout

Flexible & Desktop-Like Layouts With jQuery: UI.Layout

This plug-in was inspired by the extJS border-layout, and recreates that functionality as a jQuery plug-in. The UI.Layout plug-in can create any UI look you want – from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms, etc

jPopIt jQuery based popup message

jPopIt jQuery based popup message

jPopIt allows you to pop up a simple and unobtrusive message to a user on your website.

TopUp image & media gallery display Plugin

TopUp image & media gallery display Plugin

TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness

ToggleSlide jQuery Select box

ToggleSlide jQuery Select box

In jQuery, working with select box required some additional knowledge and interaction with jQuery. You may have some problem manipulating select box during your web development on jQuery. In this plugins you can solve this without any additional plugin to kill efficiency.

jQuery Select : Color Picker

jQuery Select: Color Picker

The big difference between the Jquery Color Picker and other Jquery powered color pickers is the Jquery Color Picker takes a normal html select like above and turns it into an intuitive, cross browser, color picker.

Web 2.0 Document Search Site with jQuery

Web 2.0 Document Search Site with jQuery

In this article, we will create a document searching site with jQuery. This site will be used to search documents by specifying an extension (file type). The data is then filtered and sent to Google. We’ll learn many jQuery tips and skills through the process. A gray box plugin called “ColorBox”, and a toolTip plugin called “SimpleTip” will also be introduced in this article.

Columnizer – jQuery Plugin

Columnizer – jQuery Plugin

The Columnizer jQuery Plugin will automatically layout your content in newspaper column format. You can specify either column width or a static number of columns. Note: there is more demos inside the article.

jQuery list filtering

jQuery list filtering

Here’s a clever little script that’s certainly useful if you want to give users the functionality to refine search results or filter product results. If you had a list of films with long titles this would be a quick and easy way to filter through the results.

Google Powered Site Search with jQuery

Google Powered Site Search with jQuery

In this tutorial we are using Google’s AJAX Search API, to create a custom search engine, with which you can search for web results, images, video and news items on your site.