Best jQuery Plugins Plugins & Tutorials with Demo

    jQuery.html5form : Form Validation & Ajax Submission Plugin

    September 1, 2012 | Ajax, Forms, HTML5, Plugins
    jQuery.html5form : Form Validation & Ajax Submission Plugin

    HTML5 validates forms without additional JavaScript.Currently only latest versiones of Firefox, Safari & Google Chrome supports this functionality.This plugin gets the same result in all versions on Internet Explorer and Firefox 3.6.

    Just create your form according the HTML5 syntax and the script will execute itself.It does not require extra classes. The plugin gets all the information from the HTML source.Runs automatically when detects Internet Explorer, Opera or Mozilla Firefox.The form sends through an asynchronous Ajax request by default.The plugin automatically gets method and action attributes declared on the form.

    Read More Demo

    jQuery.msgBox : Smarter Displaying messages Plugin

    September 1, 2012 | Plugins, Popup Window
    jQuery.msgBox : Smarter Displaying messages Plugin

    jQuery.msgBox is a plug-in to make smarter displaying messages. Also usage of the plug-in is so easy. You just need to add following files to your page as shown below and the images named ‘alert.png’, ‘confirm.png’, ‘error.png’, ‘info.png’, ‘msgBoxBackGround.png’ used by plug-in to ‘Images’ folder in the root directory. That’s all!!!

    Read More Demo

    Hero Carousel : A jQuery carousel plugin

    August 30, 2012 | Carousel, Plugins
    Hero Carousel : A jQuery carousel plugin

    Hero Carousel is a jQuery carousel plugin with 100% width & previews of next/previous slide.

    Features:

    • Timeout Interval resets when nav is clicked
    • Auto scrolling
    • Pause auto scrolling on hover
    • Language options for ‘Next’ & ‘Previous’ links
    Read More Demo

    Google+ style grid image gallery using jQuery

    August 30, 2012 | Gallery, HTML5, jSON, Plugins
    Google+ style grid image gallery using jQuery

    The main focus of this article will be on the image grid. Let’s start with a look on the features of the original G+ image grid to find out what it takes to recreate it. To illustrate the features I am using Thomas Hawk’s G+ gallery which has some amazing images (check it out).

    Read More Demo

    Tooltipster : jQuery Tooltip Plugin

    August 29, 2012 | CSS2 / CSS3.0, HTML5, Plugins, Web
    Tooltipster : jQuery Tooltip Plugin

    Tooltipster is a lightweight (4,813 bytes minified) jQuery plugin that enables you to easily create clean, HTML5 validated tooltips.

    • Supports HTML tags inside the tooltip
    • Lightweight and degradable
    • Extremely flexible & fast to set up
    • Easily styled with 100% CSS – no images needed
    • Plays nicely with IE
    Read More Demo

    hoverFlow Plugin : A Solution to Animation Queue Buildup in jQuery

    August 28, 2012 | Animation, Menus, Plugins
    hoverFlow Plugin : A Solution to Animation Queue Buildup in jQuery

    hoverFlow  is a another Solution to Animation Queue Buildup in jQuery.Brandon Aaron published a quick tipon how to prevent animation queue buildup in hover animations. Since I was not satisfied with his solution, I tried to find another.After taking some wrong paths and learning a lot about jQuery’s animation (queue) system, I think I finally found a good solution.

    The last locigal step was to wrap it up into a nice jQuery plugin – and so hoverFlow was born.

    Read More Demo

    blackCalculator : jQuery plugin for Create a Calculator

    August 28, 2012 | Plugins, Web
    blackCalculator : jQuery plugin for Create a Calculator

    blackCalculator is a jQuery plugin for create a calculator. It supports CSS customization, easy translation, two options of calculators, cross-browser, allow and disallow keyboard!

    Read More Demo

    jQuery SideBar Plugin

    August 28, 2012 | Menus, Plugins
    jQuery SideBar Plugin

    jQuery SideBar Plugin is display sidebar menu.We can show tabbed sidebar menu from anyside of the screen with this plugin.

    Read More Demo

    jsPlumb : Connect elements on the screen using jQuery, SVG, Canvas or VML

    August 27, 2012 | Animation, Chart & Graph, Drag & Drop, Plugins, SVG Tutorial, Web
    jsPlumb : Connect elements on the screen using jQuery, SVG, Canvas or VML

    jsPlumb provides a means for a developer to visually connect elements on their web pages. It uses SVG or Canvas in modern browsers, and VML on IE 8 and jQuery.jsPlumb adds an element to the DOM for each Endpoint, Connector and Overlay. So for a connection having visible Endpoints at each end and a label in the middle, jsPlumb adds four elements to the DOM. The actual elements it adds depend on the renderer in use (Canvas/SVG/VML).

    Read More Demo