Best jQuery HTML5 Plugins & Tutorials with Demo

    Vertu : Simple Mega Menu with jQuery, Html5 & CSS3

    Vertu : Simple Mega Menu with jQuery, Html5 & CSS3

    Vertu – Simple Mega Menu is simple and easy mega menu with many functions.

    Features:

    • Multi-Functional Menu
    • 4 levels drop down horizontal menu
    • Easy to change structure via CSS
    • Simple menu construction
    • Metro Style Menu
    • Cross Browser Support
    • Clean Code
    • Include HTML5/CSS3 and JavaScript file
    • Beautiful Contact Form

    flowtime.js : HTML5/CSS3/JS Presentation Framework

    flowtime.js : HTML5/CSS3/JS Presentation Framework

    Flowtime.js is a framework for easily build HTML presentations or websites.You can navigate in many ways. The most common way is using the keyboard.

    Flowtime.js is designed to perfectly fit your viewport and is based on a solid display: inline-block; foundation.
    This frameworks doesn’t style your presentations or sites for you but it takes care of all the annoying things like navigation and deep-linking, so you are free to style every single element of your design as you like. But for the ones who need a ready-to-use tool it comes with a default theme that you can edit or you can add new themes just by linking your css files.

    jCryption : jQuery Html5 Form encryption plugin

    jCryption : jQuery Html5 Form encryption plugin

    This plug-in is used for encrypting the data that is submitted through the GTE and POST methods when a JavaScript HTML form is submitted to the server. This plug-in can be easily installed, used and extended. One amazing feature of the jCryption plug-in is that it does not block the web browser during calculations and helps in rendering 2048 bit encryption of the data.

    ClassyGradient : jQuery Gradient Maker Plugin

    ClassyGradient : jQuery Gradient Maker Plugin
    ClassyGradientis a jQuery plugin that allows you to add a gradient generator to your web applications and websites. Smart and fully cutomizable, it is suitable for any type of use: CSS generators, HTML5 canvas applications, live usage.

    • Unlimited gradient points.
    • HTML5 Browsers compatible (IE9 +).
    • Generate CSS code.
    • Customizable by CSS.
    • Can easily be combined with HTML5 canvas.
    • No server files, only jQuery & CSS.

    jQuery Stripes : Plugin that creates stripes on an Img element

    jQuery Stripes : Plugin that creates stripes on an img element

    jQuery stripes is a jQuery plugin that creates stripes on an img element.

    jQuery Simple Color Picker

    jQuery Simple Color Picker

    Yet another jQuery color picker. This plugin is unobtrusive and integrates well with Twitter Bootstrap (it works just fine without). The source code only requires jQuery and is about 200 lines of JavaScript and 100 lines of CSS.

    Custom CSS3 Video Players With HTML5 and jQuery

    Custom CSS3 Video Players With HTML5 and jQuery

    In today’s multimedia web it’s becoming an ever increasing part of web design to include videos. Customizing the video player is one of the first things web designers think about when implementing these elements, as often the default player does not match the website, or merely for consistency across browsers and devices. In this tutorial we’re going to be going through exactly how to do that.

    deviantART muro : jQuery plugin for embedding the HTML5 drawing app

    deviantART muro : jQuery plugin for embedding the HTML5 drawing app

    jquery.deviantartmuro is a jQuery plugin to provide a convenient wrapper around the embedding API for the deviantART muro HTML5 drawing application, allowing you to provide image drawing and editing within third-party sites.

    Embedding deviantART muro in your site allows you to pass images from your site to deviantART muro, allow your users to edit those images, and then hand the saved image data back to your site. You can also make scripted use of a number of deviantART muro tools such as filters.

    Flot : JavaScript plotting library for jQuery

    Flot : JavaScript plotting library for jQuery

    Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

    Just include the Javascript file after you’ve included jQuery.Generally, all browsers that support the HTML5 canvas tag are supported.For support for Internet Explorer < 9, you can use Excanvas, a canvas emulator; this is used in the examples bundled with Flot. it’s not working on your development IE 6.0, check that it has support for VML which Excanvas is relying on. It appears that some stripped down versions used for test environments on virtual machines lack the VML support.

    Horizontal Navigation Bar with jQuery Dropdown Menus

    Horizontal Navigation Bar with jQuery Dropdown Menus

    In this tutorial I want to build a simple jQuery-powered dropdown menu. This can work well using the animate method for generating delayed effects. Along with the typical JS codes I have also worked some CSS3 transition effects into the stylesheet. Any webmaster who can edit these codes will surely find use in a pre-built customized navbar solution.