Best jQuery Plugins Plugins & Tutorials with Demo

    jQuery Panel Gallery Plugin 1.1

    February 21, 2012 | Gallery, Plugins
    jQuery Panel Gallery Plugin 1.1

    The best part in my opinion, is that not one image needs to be sliced or edited to work with this plugin, in fact the plugin handles everything itself. Next, you can choose the direction in which the transition occurs from left to right, right to left, top to bottom, or bottom to top – now for each image individually. You can set the initial delay before the transitions begin, set the transitions to loop or stop after the last image, set the time it takes for each panel to appear, and set the delay between the images.

    Features:

    • No slicing or editing of the images is needed
    • It’s just 7K
    • Each image can have its own fade direction
    • Easily configurable
    • Reusable on multiple containers
    Read More Demo

    jQuery Scrolldeck Parallax Plugin

    February 21, 2012 | Gallery, Plugins
    jQuery Scrolldeck Parallax Plugin

    A couple of months ago, I created a jQuery Vertical Parallax Demo that manipulated CSS to make multiple backgrounds move at different speeds relative to the users movement of the scroll bar. This type of effect is slowly appearing across various websites on the web, achieved using many different techniques. Nikebetterworld took the idea to a new level.

    In today’s tutorial, we’re going to take the original jQuery Parallax script I wrote and recreate a webpage similar to Nikebetterworld.

    Read More Demo

    jFontSize jQuery plugin

    February 20, 2012 | Plugins, Web
    jFontSize jQuery plugin

    The jFontSize plugin was developed to facilitate the process of creating the famous buttons A+ and A-, which alter the font size on sites with very large texts, such as blogs, journals, tutorials, etc.

    This tool is also used to increase the accessibility of sites, helping people who have visual problems to see better content

    Read More Demo

    jQuery Blend Modes plugin

    February 20, 2012 | Gallery, Plugins
    jQuery Blend Modes plugin

    jQuery Blend Modes plugin bring the blend Modes functions to your web page, without use any images editor (Like Photoshop), The main function of this plugin is to blend two copy of same image with a specified blend mode (it support 15 modes), and render the result into a canvas element.
    We can use this plugin in many way, for example I create with this plugin (and small trick) a new mouse hover idea for the images.
    The traditional image mouse hover was either reduce the image opacity, or the inverse, grow it, shrink it, or something like that.
    But with jQuery Blend Modes plugin, I make the contents of an image change for really!!

    Read More Demo

    fyneworks jQuery Star Rating Plugin

    February 19, 2012 | Forms, Plugins
    fyneworks jQuery Star Rating Plugin

    Star Rating Plugin is a plugin for the jQuery Javascript library that creates a non-obstrusive star rating control based on a set of radio input boxes. It turns a collection of radio boxes into a neat star-rating control. It creates the interface based on standard form elements, which means the basic functionality will still be available even if Javascript is disabled.

    Read More Demo

    jqUploader: jQuery plugin for file upload and progressbar

    February 18, 2012 | Forms, Plugins
    jqUploader: jQuery plugin for file upload and progressbar

    jqUploader is a jquery plugin that substitutes html file input fields with a flash-based file upload widget, allowing to display a progressbar and percentage. It is designed to take most of its customization from the html code of your form directly – so you don’t have to do things twice . For instance, the maximum file size, if specified via html, will be recognized and used in the rich upload interface generated by jqUploader.

    The plugin uses the form action attribute value (normally pointing to a server side script handling the upload and other data manipulations, and appends a variable “jqUploader=1” so that the upload code is initiated when it sees that key/value is on the posted data.

    Read More Demo

    jQuery plugin for easily Resize and Center an image on the page – scaleMe

    February 18, 2012 | Plugins
    jQuery plugin for easily Resize and Center an image on the page - scaleMe

    scaleMe is a jQuery plugin that allows you to easily resize and center an image on the page proportional to its original dimensions based on the size of a parent element. Support various options, and callback functions. Works well in IE7+, Firefox, Google Chrome, Chrome and Safari.

    Read More Demo

    Textgrad : a jQuery text gradient plugin

    February 18, 2012 | Plugins, Text Effect
    Textgrad : a jQuery text gradient plugin

    Here is a jQuery text effect plugin to make a text-gradient plugin for jquery. It contains four functions appliable to a selection : spanize, unspanize, textgrad and textscan.

    Read More Demo

    bgStretcher 2 – jQuery Plugin Allows to Add Background Image to Page

    February 17, 2012 | Plugins
    bgStretcher 2 – jQuery Plugin Allows to Add Background Image to Page

    bgStretcher jQuery Plugin Allows to Add Background Image to Page and Proportionally Resize it to Fill Entire Window Area.bgStretcher 2011 (Background Stretcher) is a jQuery plug-in which allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The plug-in will work as a slideshow if multiple images mode is used (the speed and duration for the slideshow is configurable).

    Read More Demo

    jQuery Mega Drop Down Menu Plugin

    February 17, 2012 | Menus, Plugins
    jQuery Mega Drop Down Menu Plugin

    This plugin creates horizontal mega menus from standard HTML nested lists, allowing users to view all available menu options for each top-level menu item. There are several plugin options available …

    Read More Demo