Best jQuery Web Plugins & Tutorials with 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

    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

    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

    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

    jQuery Color Thief with Demo

    March 28, 2012 | Plugins, Web
    jQuery Color Thief with Demo

    A script for grabbing the dominant color or a representative color palette from an image. Uses javascript and canvas.

    Read More Demo

    How to make an awesome jQuery animated website with Demo

    March 26, 2012 | Animation, Web
    How to make an awesome jQuery animated website with Demo

    In this tutorial, I’m gonna show you how to make an awesome jQuery animated website.

    Read More Demo

    Biggerlink : jQuery Click links easier plugin with Demo

    March 25, 2012 | Plugins, Web
    Biggerlink : jQuery Click links easier plugin with Demo

    Biggerlink a jQuery plugin to make it really easy to enable the specified element/s to behave as a proxy for their first contained link.

    Uses additional css classes to provide the means for the specified element to visually reflect focus and hover states of it’s contained link/s.

    Read More Demo

    Wookmark : jQuery Grid Layout plugin with Demo

    March 25, 2012 | Layout, Plugins, Responsive, Web
    Wookmark : jQuery Grid Layout plugin with Demo

    Wookmark is a free jQuery plugin for creating dynamic and multi column layouts.

    This jQuery plugin dynamically creates boxes with random heights, it detects the size of the window and automatically organizes the boxes into columns approximately of equal height.

    Read More Demo

    How to Create a Helpful jQuery Plugin With Twitter Anywhere

    March 24, 2012 | Plugins, Web
    How to Create a Helpful jQuery Plugin With Twitter Anywhere

    Twitter Anywhere is a “one-script-include” solution from Twitter to bring the power of their communication platform to your website. We’ll be building a small jQuery script that utilizes Twitter Anywhere for your users.

    Read More Demo

    tQuery : Extentions for three.js + jQuery with Demo

    March 22, 2012 | Other API, Web
    tQuery : Extentions for three.js + jQuery with Demo

    tQuery is a thin library on top of three.js It is an extension system for people to write plugins. To help them share their code and build on top of each other. It mimics jquery api, well know for its usuability. tQuery aims for “it is should not be harder than playing with lego bricks.”

    three.js got various rendering backends, importers for most 3D models format. It efficiently abstracts webgl complexity and provides a wide varieties of 3D objects. It got numberous examples 120+.

    tQuery aims to reproduce the success of jQuery plugin ecosytem by mimicing its API. Thus people who know jQuery will learn tQuery in no time. Thru three.js, they will be be able to reach webgl technology faster than before. Hopefully they will get exited and develop extensions for three.js 🙂

    Read More Demo