Best jQuery Web Plugins & Tutorials with Demo

    X-editable : Create editable elements with jQuery & Bootstrap

    November 28, 2012 | Bootstrap, Forms, Plugins, Web
    X-editable : Create editable elements with jQuery & Bootstrap

    This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. It’s new life of bootstrap-editable plugin that was strongly refactored and improved.

    Features:

    • popup and inline modes
    • supported inputs:
      • text
      • textarea
      • select
      • date
      • dateui
      • checklist
    • client-side and server-side validation
    • customizible container placement
    • toggle by click or manually
    • keyboard support (escape/enter/tab)
    • works in IE7+ and all modern browsers
    • unit tested
    Read More Demo

    DZS jQuery Mini Events Calendar

    November 26, 2012 | Calendar, Plugins, Premium, Web
    DZS jQuery Mini Events Calendar

    Need a neat way to present your events in a calendar? This is the plugin for you.

    Features:

    • easy install – purchase, download the zip, read the docs
    • sample setup included – a sample setup with the plugin to show an example on how it can be configured
    • dzs tooltips included – a tooltip plugin from our portfolio is included to provide rich experience to your users
    • two skins – default and black
    • iPhone/iPad compatible – this plugin is compatible with iToys, even Android works
    • major browsers support – IE7 , IE8, IE9 , IE10, Chrome, Opera, Safari and Firefox fully tested
    • html supported – inline content is no problem for this plugin
    Read More Demo

    Piecon : Progress pie charts in your favicon with JavaScript

    November 26, 2012 | Core Java Script, Web
    Piecon : Progress pie charts in your favicon with JavaScript

    A tiny javascript library for generating progress pie charts in your favicon.

    Read More Demo

    CSS3 jQuery Animated Steps Indicator for Mobile

    November 25, 2012 | CSS2 / CSS3.0, Web
    CSS3 jQuery Animated Steps Indicator for Mobile

    I wanted to try and create an animated steps indicator. This was primary for mobile. The code is a bit messy =). This could be replicated with just using jQuery, but i wanted to leverage CSS3.

    Read More Demo

    jQuery Splitter : Split your content with movable splitter

    November 24, 2012 | Plugins, Web
    jquery splitter

    jQuery Splitter is plugin that split your content with movable splitter between them.

    Read More Demo

    Sticky : jQuery Plugin for Sticky Objects

    November 23, 2012 | Menus, Plugins, Web
    Sticky : jQuery Plugin for Sticky Objects

    Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible.

    Read More Demo

    Infinity.js : jQuery Speed Up Scrolling Through Long Lists

    November 22, 2012 | Plugins, Web
    Infinity.js : jQuery Speed Up Scrolling Through Long Lists

    Infinity.js is a UITableView for the web: it speeds up scrolling through long lists and keeps your infinite feeds smooth and stable for your users. It is small, battle-tested, and highly performant. The code is hosted on Github, and distributed under the BSD License. The annotated source is available, as are demos both with Infinity turned off and on. Infinity.js was built by Airbnb alongside the development of the Popular Wishlists and Friends feeds, and sees daily production use there today. Its only dependency is on jQuery.

    Read More Demo

    Tags Manager A jQuery plugin

    November 19, 2012 | Ajax, Plugins, Web
    Tags Manager A jQuery plugin

    I built this simple plugin while working on an online personal finance tool, I wanted a simple solution to manage tags for each expense users were entering, like in stackoverflow and many other sites.

    Best way to understand what it does is to try it, so jump to the demo below:

    Read More Demo

    Spice up your personal site with jQuery

    November 17, 2012 | Plugins, Web
    Spice up your personal site with jQuery

    In this tutorial I will taught how to take a personal site with a common text document layout, and create something far more interesting with the jQuery Scroll Path plug-in .We’re going to use one of my own plug-ins, jQuery Scroll Path, as a tool to transform a conventional site layout into something that resembles an interactive presentation. The sections of the page will be spread out and rotated across a two-dimensional plane, and bound together with a path that the browser window follows when the user scrolls the page.

    Read More Demo