Best jQuery Plugins Plugins & Tutorials with Demo

    jQuery and HTML5 Interactive Map : MigrationsMap

    jQuery and HTML5 Interactive Map : MigrationsMap

    Interactive map of the origin-destination stocks by country.The map allows you to see for every country X in the world either the top ten providing countries of lifetime migrants to X or the top ten receiving countries of lifetime migrants from X. On top of that, when you let your mouse hover over a country, you can see the total population, the GDP per capita, the HIV and Tuberculosis prevalences and the death rate of children under five.

    jQuery Scrollable Table Plugin

    jQuery Scrollable Table Plugin

    This jQuery plugin converts a properly formatted table, having thead and tbody elements (tfoot optional), into a scrollable table. Scrollable tables are most useful when having to display lots of tubular data in a fixed space.

    The tablescroll jQuery plugin is a simple markup manipulation plugin, it will manipulate the table, create a couple of new elements and wrap everything in a DIV.

    A clean calendar in CSS3 & jQuery

    A clean calendar in CSS3 & jQuery

    I started to make a CSS3 calendar with some jQuery animation while I was working on this project. In this article I will explain, step by step, how to use the calendar.

    jQuery EasyTabs Plugin

    jQuery EasyTabs Plugin

    EasyTabs is a jQuery plugin that handles all of the tab functionality, leaving the styling to you.

    Features :

    • Lightweight: the minified version is only 8KB – vs 20KB for only the jQueryUI core + tabs widget
    • Provides smooth transitions between panels when tab is selected
    • Allows complete customization of appearance, layout, and style via CSS
    • Supports back-button and forward-button in browsers
    • Tabs are bookmarkable and SEO-friendly
    • Loads AJAX content, or anything not already on the page
    • Tabs can automatically cycle at a specified interval
    • Can have multiple EasyTabs instances on one page
    • Written in jQuery plugin format, chain-able with other jQuery commands
    • Styles your tabs in any way (either through javascript or CSS)

    jQuery Automatic Geocoder

    jQuery Automatic Geocoder

    A jQuery plug-in to automatically geocode and display a location entered in a text field.

    Scrolling Parallax: A jQuery Plugin

    Scrolling Parallax: A jQuery Plugin

    Scrolling Parallax is a new jQuery plugin that binds a parallax effect to the scrollbars and mouse wheel. This allows a background image or anything else to scroll at a different pace than the web page when a user scrolls around. The parallax effect that results is an easy way to create an illusion of depth on your website.

    The Scrolling Parallax plugin is also very versatile. There are a wide variety of options including scrolling faster, slower, looping and reversing the animation and tiling the background to name a few. Addtionally you can attach the parallax to any piece of markup, as well as pass an image path as described above.

    A vertical scrollable : jQuery Plugin

    A vertical scrollable : jQuery Plugin

    Here we show you a vertical setup for a scrollable. There is a minor change compared to the minimal setup and it’s recommended that you study that first before continuing. This scrollable has 4 elements in total and each element has 3 rows that are shown at a time. You can scroll these elements by:

    1. Clicking on the “more pictures” link.
    2. Using the up and down arrow keys.
    3. Using your mousewheel.

    jQuery Radmenu Plugin

    jQuery Radmenu Plugin

    A Radial Menu, also known as a Pie Menu, is a circular contextual menu. The interface is a pretty cool and intuitive one and is now easy to implement on your site!

    Radial menu’s are powerful primarily because the location of the menu items can be easily memorized by novice users, as well as experienced ones. The interface effectively engages users in a way in which they are capable of placing directional and gestural associations with particular actions; think muscle memory.

    This plugin was created to harness the power of the radial menu and yet provide enough flexibility to the developer to express their creativity in its application. The radmenu plugin essentially builds items around the circumference of a circle.

    PageScroller : jQuery Smooth Scrolling Made Simple

    PageScroller : jQuery Smooth Scrolling Made Simple

    Page Scroller is a powerful JavaScript based smooth scrolling navigation system that utilizes the robust jQuery library. Created entirely with ease of use in mind, the plugin will work on any website.

    Ingrid : jQuery Grid plugin

    Ingrid : jQuery Grid plugin

    Datagrids don’t have to be difficult to use anymore – say hi to Ingrid. Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables. It’s easy to get started – read on below, or check out the Example Pages