Best jQuery HTML5 Plugins & Tutorials with Demo

    HTML5 Sortable : jQuery Sortable Lists and Grids

    HTML5 Sortable : jQuery Sortable Lists and Grids

    Lightweight jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API.

    • Less than 1KB (minified and gzipped).
    • Built using native HTML5 drag and drop API.
    • Supports both list and grid style layouts.
    • Supported Browsers: Current versions of all major browsers (Chrome, Firefox, Safari, Opera), IE9+.
    • Supports exports as AMD, CommonJS or global.

    jQuery Mask Plugin for Form Fields

    jQuery Mask Plugin for Form Fields

    A jQuery Plugin to make masks on form fields and HTML elements.

    • Built-in support for dynamically added elements.
    • Masks on any HTML element (no need to server-side mask anymore!)!
    • HTML notation support (data-mask, data-mask-recursive, data-mask-clearifnotmatch).
    • String/Numeric/Alpha/Mixed masks.
    • Reverse mask support for masks on numeric fields.
    • Sanitization.
    • Optional digits.
    • Recursive Digits.
    • Fallback Digits.
    • Advanced mask initialization.
    • Advanced Callbacks.
    • HTML5 placeholder support.

    PrettyEmbed.js : jQuery Prettier Embeds for YouTubes

    PrettyEmbed.js : jQuery Prettier Embeds for YouTubes

    Prettier embeds for your YouTubes – with nice options like high-res preview images, advanced customization of embed options, and optional FitVids support.

    Features:

    • Choose from one of eight thumbnail sizes
    • Implement programmatically or via HTML5 data- attributes

    JavaScript HTML5 File Reader

    JavaScript HTML5 File Reader

    This object can read files user selected with the FileReader API.It creates an invisible file form input on the page to let the user select one or more local files.The object uses the HTML5 FileReader API to retrieve the contents of the files the user picked.A given callback function when each of the selected files is loaded.

    Html5 Audio Visualizer with Controls

    Html5 Audio Visualizer with Controls

    Html5 audio visualizer with audio play controls.

    Blockrain.js : HTML5 Tetris Game for jQuery

    Blockrain.js : HTML5 Tetris Game for jQuery

    Blockrain.js is one of the best HTML5 tetris versions out there. The code was then modified and refactored to build a jQuery Plugin and added quite a few methods to easily add themes to it and make it simpler to implement.

    Advanced Off Screen Menu with jQuery & CSS3

    Advanced Off Screen Menu with jQuery & CSS3

    Think of it as a full-screen off-screen menu on (a)steroids.It is an HTML5/CSS3 responsive solution for using (and making) animated large off-screen menus. It uses CSS transitions that are hardware accelerated and much faster then jQuey animations.

    • 20 responsive presets. (Check the live preview button to test them.)
    • Browser based Editor with 30 presets.
    • Compatible with all HTML5 browsers INCLUDING MOBILE! (IE10+, Chrome, Safari, Opera, Firefox). Tested on iOS and Android.
    • Simple usage, include 2 files (css and js) and add literally 2 lines of code.
    • requires almost NO change on existing HTML sites.

    jQuery Shop Locator

    jQuery Shop Locator

    jQuery Map Listing by createIT generates a searchable list from your map markers.A must have plugin if you have multiple shop locations!

    • Live search with custom search radius
    • Fully customizable map and components
    • 9 unique design styles
    • Support different map styles
    • Full control of map elements
    • Sidebar with optional list of locations
    • HTML5 and XHTML strict compatible
    • Mobile devices ready
    • Responsive
    • Cross-browser compability

    Custom Audio Player with jQuery Audio Controls Plugin

    Custom Audio Player with jQuery Audio Controls Plugin

    Introducing the new jquery AudioControls plugin for custom web HTML5 audio players, this helps you to make fastest audio player system for your web projects. This plugin actually works with HTML5 <audio> tag, create your own player design and just apply plugin data attributes to the HTML elements.

    PixelFlow.js : jQuery Image Pixelating Plugin

    PixelFlow.js : jQuery Image Pixelating Plugin

    PixelFlow.js is an image pixelating filter jquery plugin using canvas.