Best jQuery Plugins Plugins & Tutorials with Demo

    Akordeon : Stylish jQuery Accordion Plugin with Demo

    April 4, 2012 | Accordion, Plugins
    Akordeon : Stylish jQuery Accordion Plugin with Demo

    Akordeon is a stylish jQuery plugin for adding efficient accordion style menu to a web page. The idea behind Akordeon is to provide a lightweight and customizable interface for collapsible panels that can hold any kind of data in a limited space.

    Akordeon is fully customizable and can be used to display large chunks of data (text, images etc.) in a limited space. For instance, you can use it to display categorized data or menu options just like a restaurant’s menu items with each category data displayed in a separate panel.

    Read More Demo

    iPicture : A jQuery Plugin For Tooltip your Images With Demo

    April 3, 2012 | Drag & Drop, Gallery, jSON, Plugins, Slider, Web
    iPicture : A jQuery Plugin For Tooltip your Images With Demo

    iPicture, a jQuery plugin, is perfect for such cases and allows us to place tooltips over any desired location of images.

    Once the user hovers/clicks the pointers, the tooltip is displayed with its pre-defined content.There are several options for customizing the functionality including the ability to use different pointer images for each tooltip or their animation types.

    Also, iPicture has a handy initialize function that saves so much time by enabling a configuration wizard where we can place pointers + set their definitions with drag ‘n’ drops and the JSON output to be used in the code is created automatically.

    Read More Demo

    pow.js : Algorithmic sunburst generator via CSS, canvas and jQuery

    April 3, 2012 | CSS2 / CSS3.0, Plugins
    pow.js : Algorithmic sunburst generator via CSS, canvas and jQuery with Demo

    This jQuery plugin paints a burst pattern onto your element of choice, and is freely available under the MIT license. Pow.js generates the pattern in canvas, and simply layers in the resulting image data as a CSS background. It’s kinda actually not that complicated.

    Read More Demo

    jQuery Dirty Forms : Save your users from losing their data

    April 1, 2012 | Ajax, Forms, Plugins
    jQuery Dirty Forms : Save your users from losing their data with Demo

    Dirty Forms is a flexible jQuery plugin to help prevent users from losing data when editing forms.

    Dirty Forms will alert a user when they attempt to leave a page without submitting a form they have entered data into. It alerts them in a modal popup box, and also falls back to the browser’s default onBeforeUnload handler for events outside the scope of the document such as, but not limited to, page refreshes and browser navigation buttons.

    Read More Demo

    jQuery.column : A Column Separator Plugin with Demo

    April 1, 2012 | Plugins, Web
    jQuery.column : A Column Separator Plugin with Demo

    CSS3 column layout in any browser, uses jQuery.Simulate CSS3-style automatic columnization for the few browsers (IE) that don’t support it. It tries to follow CSS3 specification (http://www.w3.org/TR/css3-multicol/) closely.

    Read More Demo

    Slidorion : jQuery Image Slider & Accordion with Demo

    April 1, 2012 | Accordion, Plugins, Slider
    Slidorion : jQuery Image Slider & Accordion with Demo

    A combination of an image slider and an accordion, the Slidorion displays beautiful images along with a variable length description. With slides linked to each tab, and accompanied by a large array of effects, the Slidorion is a great alternative to the traditional jQuery slider.

    Read More Demo

    jQuery Fullsize : A New IMG Tag Attribute with Demo

    March 31, 2012 | Plugins, Popup Window, Web
    jQuery Fullsize : A New IMG Tag Attribute with Demo

    jQuery Fullsize is an attempt to get a new <IMG> attribute called fullsize into the next version of HTML. Hopefully this site will get the attention of the W3C, and they will add fullsize to HTML and make it a standard. This is an attempt to bring something truely useful to all web developers and is by no means a completely polished idea, but rather a step in the right direction. Please visit the Fullsize Google Group to add your thoughts on how you think this idea can be improved upon.

    Read More Demo

    Photo Wall : jQuery plugin with Demo

    March 31, 2012 | Gallery, Plugins, Popup Window
    Photo Wall : jQuery plugin with Demo

    jQuery photo wall gallery plugin (like in google).

    Read More Demo

    jQuery.validity : A plugin for powerful client-side form validation

    March 30, 2012 | Ajax, Forms, Plugins
    jQuery.validity : A plugin for powerful client-side form validation

    jQuery.validity is a jQuery plugin for powerful, accurate client-side form validation. It is well-organized, versatile and can easily tackle any validation problem.You can use to setup client-side form validation. Instead of writing validation manually or balancing some unwieldy server-side framework, validity allows you to design client-side validation in a manner that feels natural and straightforward.

    jQuery.validity takes advantage of jQuery’s selector engine to perform validation on logical groupings of inputs, making it declarative and clean. This means that the inputs on a page can be added, removed, or changed and validation will still work without reconfiguration.

    jQuery.validity is designed to give you total control over how validation messages appear, so you can easily adapt the way validation errors are displayed to the look and feel of your site.

    Read More Demo

    jQuery List DragSort with Demo

    March 30, 2012 | Drag & Drop, Plugins, Web
    jQuery List DragSort with Demo

    A javascript file that provides the ability to sort lists using drag and drop. Built on the jQuery framework. The CSS selector  of the element inside the list item to act as the drag handle. The default is the list item itself e.g. LI.The css selector of the list items that are moveable. Will only match elements that are immediate children of list container.The css selector of the element you want to scroll (i.e. div with overflow set to auto) when the list item is dragged outside the list.

    Read More Demo