Best jQuery Plugins Plugins & Tutorials with Demo

    Roundbox : jQuery modal image plugin

    Roundbox : jQuery modal image plugin

    Roundbox is a jQuery plugin to improve your image presentations on your sites. It comes with a cute effect when the user hovers upon the image and you can expand it with a simple and clean modal box without take the user away from your homepage.

    Features:

    • HTML5 and CSS3 crossbrowser support
    • Perfect hover detection
    • Builtin simple ModalBox
    • Lighbox support
    • Useful callback functions
    • Fully customizable
    • Smooth animations
    • Easing effect included
    • Images shown in the preview included.

    Fancy Timeline : jQuery general porpouse timeline

    Fancy Timeline : jQuery general porpouse timeline

    Html + Javascript general porpouse timeline.

    Crumble : jQuery Feature Tour

    Crumble : jQuery Feature Tour

    Crumble allows you to quickly and easily build feature tours for your website or app using small bubbles!.The bubbles are visually interesting, will draw attention and due to the small size make sure that you will write using concise language that visitors will read.

    The tour itself is defined as a standard ordered list in your html, making it accessible.

    ShopSlider : jQuery Responsive Shop Slider with Tab

    ShopSlider : jQuery Responsive Shop Slider with Tab

    ShopSlider is a jQuery Responsive Shop Slider Plugin for commercial sites, online shops, stores. Works well on all screen sizes, auto detects and determines the best way to display items, support tabs and AJAX load.

    Features:

    • Smart Responsive Design
    • Detect Screen Size and Determine the Best Way to Display Items.
    • Support Multi Tabs
    • Support Many Sliders in same page
    • Touch Swipe / Click to Move Next/Prev
    • Support AJAX and Inline Content
    • Many Styles and Effects
    • Control AutoPlay, Effect In, Effect Out with Duration and Delay Time …

    How to Create Lazy-Loading Images with jQuery

    How to Create Lazy-Loading Images with jQuery

    The effects of lazy load images can be seen on a number of websites. This technique forces your images to pause the loading process until the reader has viewed that specific area of the page. Web designers can build this onto a webpage through a number of resources, especially jQuery plugins.

    In this article I’d like to examine lazy loading images and why so many people are interested in the technique. Then I’ll offer a brief tutorial which explains how you can include a popular jQuery plugin and customize the settings for your own lazy image loader. This doesn’t require much knowledge in the realm of JavaScript which is great for non-technical webmasters.

    Numeral.js : Format & Manipulate Numbers With JavaScript

    Numeral.js : Format & Manipulate Numbers With JavaScript

    A javascript library for formatting and manipulating numbers.It works in the client-side or node.js and can transform any number into currency, percentage, time, plain old numbers with decimal places, etc.

    jQuery Super Notice Plugin

    jQuery Super Notice Plugin

    jQuery Super Notice is a jQuery plugin that allows you to create easily nice and animated notices.Notices can be full customized, positionned in any one of the screen’s corner, and have header, icons and buttons !

    Features:

    • Very easy to use : $(“body”).superNotice(“Hello World !”);
    • Generator included, create your notification in a few seconds
    • 9 show and hide effects
    • 10 ease presets
    • 11 CSS themes included , create your own easily
    • 14 icons included, add yours easily
    • Add buttons to your notifications
    • Many options : autoclose, close on click or close button, title, icons ….
    • Notices are positioned intelligently, following the others
    • Auto-sizing icons (48px max)
    • Full modern browsers compatibility : IE8+, Firefox, Chrome, Opera, Safari …

    Floater : jQuery impressive Re-ordering of blocks

    Floater : jQuery impressive Re-ordering of blocks

    This plugin let you organize impressive re-ordering of blocks (or images). Every block can contain any html-markup.

    Grid-A-Licious : A jQuery Responsive Grid Layout

    Grid-A-Licious : A jQuery Responsive Grid Layout

    I created a jQuery plugin. I named it Grid-A-Licious and described it as, “Divs are placed in chronological order with a special grid” because I had no clue how to explain it better.Today this floating grid layout effect is heavily used around the net and there are tons of different variations of the script to download and use. Some more popular than the other, but all does a better job than Grid-A-Licious.

    Mikes Modal Library : Facebook like modal box in jQuery

    Mikes Modal Library : Facebook like modal box in jQuery

    Mike’s Modal Library is a Facebook like photo library written to support photos and comments on an individual photo. It features an image on the left and content on the right. The image scales to the largest size possible while still fiting in your monitors resolution.