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.