Best jQuery Web Plugins & Tutorials with Demo

    jqPagination A jQuery pagination plugin

    jqPagination A jQuery pagination plugin

    jqPagination is a jQuery plugin that provides a newer method of pagination for your web site or application. Instead of displaying a list of page numbers like traditional pagination methods jqPagination uses an interactive ‘Page 1 of 5’ input that, when selected, allows the user to enter their desired page number.

    ALAJAX – a jQuery plugin for ajax auto form sending

    ALAJAX - a jQuery plugin for ajax auto form sending

    ALAJAX is a jQuery plugin that converts a normal HTML form into Ajax by only including the script. It sends the form by AJAX to the URL given in “action” property of the form. Also, the plugin uses the “method” property to use POST or GET method.

    jQuery Html5 Canvas Preloader

    jQuery Html5 Canvas Preloader

    Now you can preload your HTML 5 page with this nice plug in, passing data via JSON. You can customize it changing colors and style. It can preload video, audio, images and js

    Chained AJAX Selects in jQuery

    Chained AJAX Selects in jQuery

    In today’s tutorial, we will build a set of chained select elements. Selecting an option in one of them will trigger an update on the page, showing you more choices to refine your selection. We will describe the options server side with PHP, so it is easy for you to hook today’s example to a database.

    BIGrid a Fixed Rows & Fixed Columns table in jQuery

    BIGrid a Fixed Rows & Fixed Columns table in jQuery

    BI Grid is designed to present your data, especially in the reports for enterprises.The idea comes from the BI system I produced months ago. It would be able to edit data easily, drill down to details easily and ajax enabled. Other good features will be supported in the future.

    Features to be supported:

    • It has two modes: View & Edit. The edit mode enable users to edit the data in the grid through Ajax.
    • Init data by using Ajax.
    • Drill down to details by using Ajax.
    • Support JSON & XML data types.
    • Support Multi-skins.

    Scrollable Fixed Header Table – A JQuery Plugin

    Scrollable Fixed Header Table – A JQuery Plugin

    This plugin allows html tables to be scrollable horizontally and vertically while headers are still visible and in tack with the columns. This plugin can be used in two modes:

    • With column select – Columns to view can be selected. The select state can be persisted in a named cookie.
    • Without column select

    jTicker – Text in a ‘ticker tape’ style

    jTicker – Text in a ‘ticker tape’ style

    jTicker takes an elements’ children and displays them one by one, in sequence, writing their text ‘ticker tape’ style. It is smart enough to ticker text from an element heirarchy, inserting elements back into the DOM tree as it needs them. That means almost any content can be ‘tickered’.

    jQuery Heads-Up Grid

    jQuery Heads-Up Grid

    Built with HTML, CSS & JavaScript, The Heads-Up Grid is a responsive overlay grid for in-browser website development. It has been created to make it relatively easy to adapt to the needs of responsive web design. You can quickly and easily define as many different grids as you need by way of basic JavaScript conditional statements.

    Convert a Menu to a Dropdown for Small Screens with jQuery

    Convert a Menu to a Dropdown for Small Screens with jQuery

    The Five Simple Steps website has a responsive design with a neat feature. When the browser window is narrow, the menu in the upper right converts from a regular row of links into a dropdown menu.

    Sisyphus – jQuery plugin that allows Gmail-like client-side drafts

    Sisyphus – jQuery plugin that allows Gmail-like client-side drafts

    Imagine you’re filling a complex form on a site, or typing an extensive comment, and just when you’re almost finished the browser the crashes, or you accidentally closed a tab, or something else break your efforts, you are stuck having to rewrite everything again.

    Sisyphus helps solve this problem. It’s lightweight (1Kb) jQuery plugin that uses Local Storage to prevent your work being lost. And Sisyphus is easy to use and only needs you to select the forms you want to protect.