Best jQuery HTML5 Plugins & Tutorials with Demo

    RGraph: HTML5 Javascript charts library

    RGraph: HTML5 Javascript charts library

    RGraph is a HTML5 Javascript charts library that supports over 20 different types of charts. Using the new HTML5 canvas tag, RGraph creates these Javascript charts in the web browser, meaning quicker pages and less web server load. Using RGraph is an easy way of speeding up your website.

    Storage.js : Simple jQuery HTML5 Page Edits with Demo

    Storage.js : Simple jQuery HTML5 Page Edits with Demo

    Simple HTML5 page edits. Storage.js uses the new HTML5 contenteditable attribute and localStorage to bring you HTML5 awesomeness. A jQuery plugin around the localStorage api. Formerly known as Storagify.

    Fixing These jQuery : Debugging jQuery Tutorial Presentation in HTML5

    Fixing These jQuery : Debugging jQuery Tutorial Presentation in HTML5 with Demo

    Fixing These jQuery is an HTML5 presentation designed to familiarise developers with basic approaches to debugging jQuery and JavaScript code. It also introduces many of the common pitfalls most people encounter at some point on their jQuery journey.

    Pep.jQuery.js : jQuery kinetic-drag on mobile/desktop plugin with Demo

    Pep.jQuery.js : jQuery kinetic-drag on mobile/desktop plugin with Demo

    Pep was built out of a need for kinetic drag support for both mobile and desktop devices (click & drag). It uses the best of jQuery’s animate functions along with CSS3 animations to bring full-blown kinetic drag that works on all HTML5-ready devices.

    Pep has built-in support for custom start, stop, rest (called when easing completes), and drag events, constraining objects to either their parent or the window, a debugger, and the ability to customize your own kinetic easing functions.

    Webshims Lib : jQuery Polyfill loading Library with Demo

    Webshims Lib : jQuery Polyfill loading Library with Demo

    HTML5 forms/Web Forms 2.0 widgets and constraint validation API.Webshims Lib is a modular capability-based polyfill-loading library, which focuses on accurate implementations of stable HTML5 features, so that developers can write modern, interoperable and robust code in all browsers. It is built on top of jQuery and Modernizr.

    CamanJS : Image Manipulation in Javascript with example

    CamanJS : Image Manipulation in Javascript with example

    CamanJS is manipulating images using the HTML5 canvas and Javascript. It’s a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques. It is also completely library independent and can be safely used next to jQuery, YUI, Scriptaculous, MooTools, etc.

    CamanJS is very easy to extend with new filters and plugins, and it comes with a wide array of image editing functionality, which is only growing as the community makes more plugins. It has a powerful layering system, much like the one present in Photoshop and GIMP, that makes the sky the limit for your creativity.

    SliderWall : jQuery image slider with Demo

    SliderWall : jQuery image slider with Demo

    SliderWall is a jQuery slider plugin that helps you to create all types of content sliders. The plugin is entirely based on HTML5, CSS3 and JavaScript.SliderWall is a very flexible tool, meaning that you can use it to create many types of sliders, from content sliders to image sliders.

    And you don’t have to start from scratch! SliderWall offers you several different templates – along with cool transition effects – that can be customized in CSS so that they match your website’s design.

    filtrify : jQuery HTML5 Advanced tag filtering with Demo

    filtrify : jQuery HTML5 Advanced tag filtering with Demo

    Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu.

    Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags.

    Leaflet : JavaScript library for mobile-friendly interactive maps

    Leaflet : JavaScript library for mobile-friendly interactive maps with Demo

    Leaflet is a modern, lightweight open-source JavaScript library for mobile-friendly interactive maps. It is developed by CloudMade to form the core of its next generation JavaScript API. Weighing just about 21kb of gzipped JS code, it still has all the features you will ever need for your web mapping needs, while providing a fast, smooth, pleasant user experience.

    It is built from the ground up to work efficiently and smoothly on both desktop and mobile platforms like iOS and Android, utilizing cutting-edge technologies included in HTML5 and CSS3. The focus is on usability, performance, small size, A-grade browser support, flexibility and an easy-to-use API. The OOP-based code of the library is designed to be modular, extensible and very easy to understand.

    jQuery and HTML5 Interactive Map : MigrationsMap

    jQuery and HTML5 Interactive Map : MigrationsMap

    Interactive map of the origin-destination stocks by country.The map allows you to see for every country X in the world either the top ten providing countries of lifetime migrants to X or the top ten receiving countries of lifetime migrants from X. On top of that, when you let your mouse hover over a country, you can see the total population, the GDP per capita, the HIV and Tuberculosis prevalences and the death rate of children under five.