Best jQuery Plugins Plugins & Tutorials with Demo

    Zurb jQuery Ajax Upload

    March 27, 2011 | Ajax, Forms, Plugins

    We ditch the upload button in favor of a save button and fire the AJAX upload event as soon as a file is selected. The image is processed server side and a thumbnail is loaded onto the existing page. Dosen’t that feel so much better?

    We now have a visual representation (imagine that) of the image we selected. This is particularly useful in larger forms when many fields will be submitted with a single action. It allows the user to review the form before pressing save and see what image (or images) they selected.

    Read More Demo

    jQuery Waypoints: Scroll-Based jQuery Functions

    March 27, 2011 | Animation, Menus, Plugins, Web

    Creating custom functions with jQuery based on the scroll position of the page just got a whole lot easier. Today i stumbled through an interesting jQuery plugin that i am sure many of you guys will find useful. Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.

    Waypoints makes a solid base for modern UI patterns that depend on a user’s scroll position on the page.

    Read More Demo

    PicNet Table Filter

    March 27, 2011 | Plugins, Tables, Web

    This jQuery plugin adds real time Google-like column filtering capabilities to a regular Html table.The PicNet Table Filter is used in production in several PicNet projects so it has been tested production ready. The table filter was born out of our Visual Analytics (Mouse Eye Tracking) project and has received great feedback.

    Read More Demo

    Improved Micro Image Gallery: A jQuery Plugin

    March 26, 2011 | Gallery, Plugins

    Here’s an improved version of the Micro Image Gallery Plugin. I have added some features as suggested in the comments, specifically the auto play function, the possibility to add descriptions for each image, and the cycle mode. Note that the auto play function can only be set if the cycle option is also set. To add descriptions for the images, just place your text inside the alt attribute of the image tag, like shown further in the HTML Structure section.

    Read More Demo

    BounceBox Notification Plugin With jQuery & CSS3

    March 18, 2011 | CSS2 / CSS3.0, Plugins, Web

    In this tutorial you will find out how a bouncebox notification plugin can be created with jQuery & CSS3.

    Read More Demo

    jQuery File Upload Plugin With Drag ‘n’ Drop Support

    March 18, 2011 | Ajax, Drag & Drop, Forms, HTML5, PHP, Plugins

    jQuery File Upload is a plugin for the popular JavaScript framework that helps handling file uploads.

    The plugin is based on open standards like HTML5-JavaScript and doesn’t use Flash. For legacy browsers it falls back to an Ajaxed-like iframe-PHP solution.

    Read More Demo

    Better Check Boxes with jQuery and CSS

    March 15, 2011 | CSS2 / CSS3.0, Plugins, Web

    In this short tutorial, we will be creating a replacement for the default browser checkboxes in the form of a simple jQuery plugin. It will progressively enhance your forms but at the same time fall back to the default controls if JavaScript is unavailable.

    Read More Demo

    jQuery Masonry : Cascading grid layout library

    March 15, 2011 | CSS2 / CSS3.0, Plugins, Web

    Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

    Read More Demo

    qTip – The jQuery Tooltip Plugin

    March 14, 2011 | CSS2 / CSS3.0, Plugins, Web
    qTip – The jQuery Tooltip Plugin

    qTip is an advanced tooltip plugin for the jQuery JavaScript framework. Built from the ground up to be user friendly, feature rich, qTip provides you with tonnes of features like rounded corners and speech bubble tips.

    Read More Demo

    Autocomplete jQuery Plugin for Textarea

    March 12, 2011 | Plugins, Web

    We all know the auto-complete feature. We use it in google search, when google tries to suggest our search term, and you probably saw it in many other sites which implemented the auto-complete for their own use. Most of the auto-complete out there are implemented in a text field, where the user has one line and usually its for a small amount of text.

    Read More Demo