Best jQuery HTML5 Plugins & Tutorials with Demo

    DropArea : jQuery Drag & Drop File Upload

    DropArea : jQuery Drag & Drop File Upload

    A jQuery plugin which makes an easy and intuitive area for upload files through drag and drop or select methods.

    Easy Forms : Advanced Form Builder and Manager

    Easy Forms : Advanced Form Builder and Manager

    Easy Forms is a web application that will help you design and develop web forms quickly and easily. Actually, you will not need programming skills to make your forms work in minutes.

    • Build any type of online forms: Contact forms, Order forms, Registration forms, Online surveys, Trivias and more.
    • Drag & Drop Fields. No coding skills required.
    • HTML5 Fields Support
    • Create Multi-Step Forms
    • Bootstrap CSS Support
    • Theme & Template Managers
    • Advanced CSS Editor with Form Live Preview

    Panda.js : 2D HTML5 Game Engine

    Panda.js : 2D HTML5 Game Engine

    Panda.js  is a free HTML5 game engine for mobile and desktop with Canvas and WebGL rendering.

    React Blur Background with Canvas

    React Blur Background with Canvas

    React component for creating blurred backgrounds using canvas.

    Animated Map Path for Interactive Storytelling

    Animated Map Path for Interactive Storytelling

    Today we’d like to share an experimental demo with you. This demo is an interactive map that will animate a map path while scrolling the page. The main idea is to connect the story being told with the path itself. The journey can also contain images that will indicate where they have been taken with a semi-transparent cone. It will appear as soon as the image is in the visible viewport.

    FileUploader : HTML5 File Uploader

    FileUploader : HTML5 File Uploader

    FileUploader  is a jQuery file uploader skeleton that uses HTML5 file reader api.

    Ultimate Grid Pro with HTML5 & JavaScript

    Ultimate Grid Pro with HTML5 & JavaScript

    Ultimate Grid Pro is indeed the ultimate responsive multimedia grid builder packed with an insane set of features that allows to create unlimited, filterable / sortable multimedia portfolios, product swhowcase, image galleries with unlimited possibilities. It includes five grid types with vertical or horizontal layout variation (dynamic, classic, masonary, flexible and infinite) that allow to display various multimedia content in a highly customizable way. It runs on all major browsers with support for older browsers like IE8 and mobile devices like iPhone, iPad, IOS, Android or Windows mobile.

    Responsive layout. Five grid layouts included with vertical and horizontal variation (dynamic, masonry, classic, flexible and infinite).

    Pro Range Data Slider : jQuery Plugin

    Pro Range Data Slider : jQuery Plugin

    Lightweight HTML5 based range data slider for mobile and desktop that creates data objects from user input and formats as JSON for modern web app’s.A substantial improvement over the data range sliders in jQueryUI and Twitter Bootstrap.

    • HTML5 ready. Use the new elements with confidence
    • A touch friendly data range slider
    • No code bloat
    • Formats input to JSON
    • Tallys amounts from each range slider to provide a total
    • Can be re-styled any way you like in CSS

    Sprite-based Games with HTML5 Canvas

    Sprite-based Games with HTML5 Canvas

    In this article, we’re going to create a 2d game with canvas; a real game with sprites, animations, collision detection, and of course, explosions! What’s a game without explosions?

    Hybicon.js : Hybrid icons with SVG & JavaScript

    Hybicon.js : Hybrid icons with SVG & JavaScript

    JavaScript library for synergistic SVG icons. It works with HTML5 data attributes. There is a primary and a secondary icon and they can be animated with hover and click.