Best jQuery HTML5 Plugins & Tutorials with Demo

    Responsive HTML5 gallery tutorial with CSS3

    Responsive HTML5 gallery tutorial with CSS3

    Responsive HTML5 image gallery tutorial. CSS3 acceleration.

    Features:

    • Responsivity: adjust layout and behaviour
    • Touch event handling
    • Fastclicks without 300ms click delay
    • CSS3 accelerations
    • SPA architecture
    • Scalable graphics via icon font
    • Client side local storage

    Magic Slider with layers & Carousel with LightBox

    Magic Slider with layers & Carousel with LightBox

    Magic Slider and Carousel will help you to create the next generation of sliders, using the CSS3 transitions for layers and an ultra-smooth KenBurns effect. You’ll also be able to create interactive ‘magic’ carousels with YouTube, Vimeo and HTML5 video support; HTML5 audio support; Image support; Links support.

    Features:

    • touch screen navigation support for mobile
    • responsive design. Available parameter to disable responsive behaviour
    • 2 predefined skins: bullets & thumbs
    • layered elements: permits almost unlimited number of layers, images or texts.
    • animated layers from any direction: top, bottom, left and right using smoooth CSS3 transitions.CSS and HTML formated
    • each layer has parameters for intial move animation, intermediate move animation and exit move animation
    • Ultra-smooth Ken Burns Effect for background image, on all major browsers
    • ‘Fade’ and ‘Slide’ transitions to navigate between the slides. Parameters to set the speed and easing.
    • Fixed Dimensions Version, Full Width Version and Responsive Version
    • external url link parameter for each slide
    • target parameter: _blank or _self
    • width & height parameters
    • autoplay parameter
    • loop parameter
    • show/hide controllers parameter
    • show/hide bottom thumbs parameter
    • circle timer parameters for color, dimensions, transparency
    • you can include YouTube and Vimeo

    least.js : jQuery, HTML 5 & CSS3 Gallery with LazyLoad

    least.js : jQuery, HTML 5 & CSS3 Gallery with LazyLoad

    least.js is a Random and Responsive jQuery, HTML 5 & CSS3 Gallery with LazyLoad.

    appendGrid : Dynamic table input jQuery plugin

    appendGrid : Dynamic table input jQuery plugin

    AppendGrid allow you to input structured data row by row such like filling spreadsheets. It allows you to add/remove/insert/delete row in the grid. The generated input/select/textarea controls are well named for submitting to server side applications such as ASP.NET/PHP/JSP. Multiple options and callback events are available to fit every situation.

    Features:

    • Easy to use
    • jQuery UI widgets supported
    • Multiple build-in input types included HTML5 input types
    • Customizable input types
    • Major web browser supported
    • Ready for internationalization

    Jumbo 7 : jQuery Image Fullscreen Gallery

    Jumbo 7 : jQuery Image Fullscreen Gallery

    Jumbo 7 is easy to use Fullscreen gallery including Kenburn. As navigation, you can use bullets/thumbnails and tabs in your choices. And it is fully responsive and modern features like Video embed,Smart Lightbox are supported which make it more stunning.

    Features:

    • Kenburn
    • Hardware accerlated slide animation
    • Easy to implement and customize
    • Unlimited slides – Users can insert as many slides as he wants.
    • Unlimited Title Caption
    • Native browser support
    • Html5/Css3 transitions support – It uses html5/css3 transition for modern browsers.
    • Image Lazy Loading – Jumbo 7 loads all images at once so that he/she doesn’t wait again while slides.
    • Image Preview support – Jumbo 7 provides image preview option on hover.
    • Customizable width and height – Width and height can be set.
    • Fully responsive – It’s fully responsive so it can be attached in touch device.
    • Full width functionality involved – Full width slider is available
    • Lightbox support – It supports lightbox based on users’ demand.
    • Touch device support – Touch events are supported.
    • Mouse swipe navigation support – Swipe functionality is available so users feel comfortable to navigate.
    • Video content support(Youtube,Vimeo) – Embeded videos are supported.
    • Carousel support – Carousel viewmode is supported.
    • Keyboard navigation available

    Circliful : jQuery Circle Statitic Plugin

    Circliful : jQuery circle statitic Plugin

    jQuery circle statitic plugin.

    Features:

    • show Infos as Circle Statistics, no images used
    • based on html5 canvas and jquery
    • many options can be set as data attributes
    • fontawesome integration

    FileSaver.js : HTML5 saveAs() FileSaver implementation

    FileSaver.js : HTML5 saveAs() FileSaver implementation

    FileSaver.js implements the HTML5 W3C saveAs() FileSaver interface in browsers that do not natively support it.

    FileSaver.js is the solution to saving files on the client-side, and is perfect for webapps that need to generate files, or for saving sensitive information that shouldn’t be sent to an external server.

    jQuery Let it Snow using HTML5 Canvas

    jQuery Let it Snow using HTML5 Canvas

    Let it Snow is a little plugin that is based off the solution of creating a snow effect with HTNL5 Canvas by Jason Brown. I decided to extend its functionality so that developer will have a full control of how the animation of snow will react.

    Royal : Responsive Audio Player with Html5 CSS3

    Royal : Responsive Audio Player with Html5 CSS3

    Royal Audio Player is a powerful responsive HTML5 mp3 player for your website that runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android and Windows8. Royal Audio Player supports unlimited playlists and each playlist can have unlimited tracks. The playlists can be loaded from a simple HTML markup, XML file, Podcasts url or SoundCloud playlist. Packed with a huge amount of features like, external API, deeplinking and facebook share button, it is one of the most impressive HTML5 mp3 players available on sale.

    Features:

    Responsive layout.

    • Mobile and desktop optimized.
    • Only mp3 file required.
    • FLASH fallback included for older browsers that don’t support HTML5 audio.
    • Optional deeplinking (unique and sharable link for the current playlist and track).
    • Load any type of playlist through XML, HTML markup, Podcasts or SoundCloud.
    • Support for unlimited playlists and each playlist can have unlimited tracks.
    • Powerful API included.

    Sortable : JavaScript Drag & Drop Sorting Library

    Sortable : JavaScript Drag & Drop Sorting Library

    Sortable — is a minimalist JavaScript library for modern browsers and touch devices. No jQuery.

    Features:

    • Support touch devices
    • Built using native HTML5 drag and drop API
    • Simple API
    • Lightweight, 2KB gzipped
    • No jQuery