Best jQuery Web Plugins & Tutorials with Demo

    Windows Aero Style for Web sites in jQuery

    Windows Aero Style for Web sites in jQuery

    Aero window creates pop-up window in the Aero style, reminiscent of the style of Window7. The popup window offers the usual options and full functionality similar to Windows windows.

    jQuery Looped Slider Tutorial

    jQuery Looped Slider Tutorial

    Today we’re going to use Nathan Searles’ jQuery loopedSlider, a plugin made for jQuery that solves a simple problem, the looping of slide content. It was created to be easy to implement, smooth and most of all end the “content rewind” that most other content sliders suffer from.

    This is going to be a quick and easy tutorial. You can just copy and paste the code and have yourself a looping slider in minutes.

    Making A Slick Content Slider in jQuery

    jQuery Slick Content Slider

    Web masters constantly search for ways to optimize the way content is presented on their sites. With the advent of terms like “above the fold” it is ever so important to provide eye-catching and functional user interfaces.

    In this tutorial we are going to make a slick content slider for a computer shop, with the help of jQuery and the MopSlider plugin. The slider is going to be generated with PHP and we are using a plain txt file as a data source for the notebook configurations.

    XML banner fader in jQuery

    jQuery XML banner fader

    More jQuery animation! This one puts a fading set of banners on your page. It uses simple XML to tell the javascript what banners to pull in, and the URLs you want the banners to link to. This is ideal for linking to top featured stories.

    jQuery’s Data Method – How and Why to Use It

    jQuery’s Data Method

    jQuery’s data method gives us the ability to associate arbitrary data with DOM nodes and JavaScript objects. This makes our code more concise and clean. As of jQuery 1.4.3 we also have the ability to use the method on regular JavaScript objects and listen for changes, which opens the doors to some quite interesting applications.

    eComboBox a jQuery editable ComboBoxes

    eComboBox a jQuery editable ComboBoxes

    This plugin to allow us to have editable comboboxes (Select element). It allow to add/edit/remove elements from list.

    Tag Clouds – Styling and Adding Sort Options

    jQuery Tag Clouds

    This article consists of 2 parts: one is marking up and styling tags and the second is adding behavior to tag cloud using client-side script. I’ll show you my way of styling tag clouds although you may find similar (yet different 🙂 ) tutorials elsewhere.

    Lingua Localization a jQuery language translator plugin

    jQuery language translator plugin

    The Lingua Localization jQuery Plugin makes it fast and easy for developers to translate web user interfaces into other languages and handle many other localization-driven concerns. The high-level description is that it loads plain-text key-value pairs from files which are named according to the language they contain. Developers can use this to store the raw text which goes into the user interface, internal text such as alert-box content, or even flags and other textual data that is language-driven.

    Creating Modern jQuery Pagination for Content

    Creating Modern jQuery Pagination for Content

    I decided to create a new own JQuery plugin for pagination (for different content), which will be based not on the number of elements (childrens) per page, but will take care of the height of the content. And it will try to keep the same height for the pages. This means that the number of elements on the page can be different. Everything will depend on the height of these children. Plus, I will using fade effect to switch between pages.