Best jQuery Plugins Plugins & Tutorials with Demo

    iLightBox : jQuery Revolutionary Lightbox Plugin

    December 30, 2012 | Plugins, Popup Window, Premium
    iLightBox : jQuery Revolutionary Lightbox Plugin

    iLightBox allows you to easily create the most beautiful overlay windows using the jQuery Javascript library.By combining support for a wide range of media with gorgeous skins and a user-friendly API, iLightBox aims to push the Lightbox concept as far as possible.

    Features:

    • Responsive design.
    • 6 ready to use skins.
    • Native browser fullscreen support.
    • Cross browser, supports Chrome, FireFox, Safari, Opera and IE7+
    • Device friendly, works in iPhone, iPad, Android Devices and Windows Phone.
    • Fully customizable, it’s possible to customize or redesign all parts of iLightBox.
    • Search engine optimized (SEO)
    • Youtube and Vimeo videos are supported.
    • Video auto recognition from sites.
    • Smart Content recognizer
    • Option to preview thumbnail over navigation.
    • Smart resource loader
    • Simple clean & valid markup
    • Developed with pure object oriented javascript
    • Multilanguage support
    • Keyboard support
    • Touch support
    • Mouse support: (Click, Wheel)
    Read More Demo

    jQuery Form Remember State plugin

    December 30, 2012 | Forms, Plugins
    jQuery Form Remember State plugin

    When called on a form element, localStorage is used to remember the values that have been input up to the point of either saving or unloading. (closing window, navigating away, etc.) If localStorage isn’t available, nothing is bound or stored.

    By default, the plugin looks for an element with a class of remember_state within the form to show a note indicating there is stored data that can be repopulated by clicking on the anchor within the remember_state container. If the element doesn’t exist, it is created and prepended to the form. You can override the selector and the HTML that is prepended in the options object you pass to the plugin.

    Read More Demo

    Geolocation : A jQuery plugin to Get Location of your users

    December 29, 2012 | Maps, Other API, Plugins
    Geolocation : A jQuery plugin to Get Location of your users

    Include this jquery plugin to get the location of the users visiting your webpage.This plugin displays the complete address, latitude and logitude of the user in a div and also displays the location found in a Google map.

    Read More Demo

    jQuery Responsive Horizontal Layout with CSS3

    December 28, 2012 | CSS2 / CSS3.0, Layout, Plugins, Responsive
    jQuery Responsive Horizontal Layout with CSS3

    Today we want to show you how to create a horizontal layout in jQuery and CSS3 with several content panels. The idea is to make each panel individually scrollable and animate a content panel to the left of the viewport once it’s clicked or selected from the menu. The challenge is to deal with different viewport sizes meaning that we will change the layout if the screen is not wide enough in order to be stacked vertically instead of horizontally.

    Read More Demo

    Photobox: CSS3 image gallery jQuery plugin

    December 27, 2012 | CSS2 / CSS3.0, Gallery, Plugins, Popup Window, Slider
    Photobox: CSS3 image gallery jQuery plugin

    Photobox is a lightweight image gallery modal window script which uses CSS3 heavily for silky-smooth animations and transitions. The goal was to great an image gallery script that utilizes GPU rending instead is the 90% scripts out there which are using javascript to move things around the old fashioned way.

    Benefits:

    • Both the script & CSS are only 7k each (minified script, not gziped)
    • Uses silky-smooth, hardware accelerated, CSS3 transitions and animations (for better performance)
    • Pretty UI and easy UX
    • CSS3 preloader, tailored-made. The only image you need is the arrow.png (soon even not that)
    • Works also on IE9 and above, but clearly not as nice as in normal browsers
    • Uses event-delegation on all thumbnails events
    Read More Demo

    Wikipedia Instant Search In Jquery With Integrated Voice Search

    December 27, 2012 | Other API, Plugins
    Wikipedia Instant Search In Jquery With Integrated Voice Search
    I created a Wikipedia instant search in jquery with integrated voice search, with little differences  in UI with jquery and html, by using Wikipedia  API Call Back function. And  by using the instant search  function  .keyup(function(e)). This brings the meta-title information of Wikipedia as you type on the search box with smooth and fast as well as you can search with your voice as i included the voice search system by adding this html
    code in input field = (x-webkit-speech ) note :this voice search will be working only in Google chrome browser
    Read More Demo

    Create a Pinterest Feed jQuery Plugin Using AJAX & jQuery Isotope

    December 25, 2012 | Ajax, CSS2 / CSS3.0, Other API, Plugins, Web
    Create a Pinterest Feed jQuery Plugin Using AJAX & jQuery Isotope

    In our latest jQuery social network tutorial we are going to create a jQuery plugin to display Pinterest feeds via AJAX from either a username or pinterest board and display them in a masonry style wall using jQuery Isotope.

    The plugin will also include code to display time since posted, options to set the number of feed items to display plus Facebook and Twitter share links to help boost the traffic to your pins.

    Read More Demo

    jQuery UI FlipBook

    December 25, 2012 | Animation, Image Effects, jQuery UI, Plugins
    jQuery UI FlipBook

    FlipBook will take a sequential time series of images and animate them. Each image is shown for a short period of time and then replaced by the next image in the series. The animation begins as soon as the first image is loaded; images that have not yet been downloaded from the server are skipped. They are included in the animation sequence after they have been loaded by the browser.

    Features:

    • set the animation speed
    • change animation direction
    • exclude specific images
    • single step through the images
    • resizes to fit the images
    Read More Demo

    jqMetro : jQuery plugin for metro UI controls

    December 25, 2012 | Plugins
    jqMetro : jQuery plugin for metro UI controls

    jqMetro is jQuery plugin for metro UI controls. Using this plugin you can convert your categorized items into a pivot-style view. This page itself is a good example of how the pivot control will look like in your browser.

    Read More Demo

    JavaScript Gauges in Metro Style

    December 24, 2012 | Animation, CSS2 / CSS3.0, HTML5, jSON, PHP, Plugins, Premium
    JavaScript Gauges in Metro Style

    JavaScript Gauges in Metro Style is a set of 8 gauges created in the modern Windows8 or Metro style which can be added to virtually any web application: ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails, and simple HTML pages.The gauges included into the package are not just separate meters, sliders, etc. They can be used as full featured ready gadgets intended to display the information in a visually appealing way.

    Features:

    • Cross-platform compatibility. The gauges can be used on any platforms: ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails and simple HTML pages and accessed from any devices: desktop, laptop, mobile (including iPhone and iPad), and via any browsers: IE, Mozilla Firefox, Google Chrome, Opera, Safari, etc.
    • Declarative description. The gauges are described using declarative selection of the parameter in JSON.
    • Customization. You can set any parameters describing your gauge and create custom objects using JSON.
    • Interactivity and Animation. Every gauge provides customizable interactivity and animation.
    • Easy styling. A gauge styling can be easily modified in CSS.
    • Callback support. You can get notifications about changes of the gauge value and handle it in JavaScript.
    • Easy integration. To integrate a gauge you just need to specify gauge name and area of a webpage where it should be inserted (“div” tag); and all this with JavaScript.
    • WinRT compatible. The gauges can be integrated into HTML5-based WinRT applications to effectively visualize data.
    Read More Demo