Best jQuery HTML5 Plugins & Tutorials with Demo

    NACHO Lightbox : Flat responsive lightbox with jQuery

    August 28, 2013 | CSS2 / CSS3.0, HTML5, Plugins, Popup Window, Premium, Responsive, Slider
    NACHO Lightbox : Flat responsive lightbox with jQuery

    NACHO Lightbox is the perfect plugin for showcasing images, videos, iframes and even ajax in a modern and usable manner that is available on every device.

    Features:

    • Flat skin – perfect for modern websites
    • Responsive and beyond – very adaptable, perfect for desktop, tablet and even mobile. It hides the thumbnails on small screens to keep the media visible.
    • Touch gestures – mouse and touch are unified, so you can do anything using either one.
    • Blazing fast – Featuring some of the coolest CSS3 Effects out there, it takes advantage of the GPU on mobile devices.
    • Responsive Videos from Youtube and Vimeo.
    • Responsive fluid grid included to keep your images aligned.
    • Powerful events API – you can control all the options through this easy to use API. 
    • Retina Graphics – Sharper on every screen
    • Deep linking – So when someone shares your image will be taken directly to that image.
    • No coding required – Using only jQuery selectors and HTML5 data attributtes
    Read More Demo

    feedback.js : Feedback form with Screenshot

    August 17, 2013 | HTML5, Plugins
    feedback.js : Feedback form with Screenshot

    This script allows you to create feedback forms which include a screenshot, created on the clients browser, along with the form. The screenshot is based on the DOM and as such may not be 100% accurate to the real representation as it does not make an actual screenshot, but builds the screenshot based on the information available on the page.

    Read More Demo

    Strapslide : jQuery Responsive Bootstrap Slider Plugin

    August 16, 2013 | Bootstrap, CSS2 / CSS3.0, HTML5, Plugins, Premium, Responsive, Slider
    Strapslide : jQuery Responsive Bootstrap Slider Plugin

    Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos and captions paired with simple, modern and fancy 3D transitions. Even more important, it is fully responsive and mobile optimized and can take on any dimensions.

    Features:

    • jQuery 1.7 – jQuery 2.x Supported
    • Based on Bootstrap
    • CSS3 Transition library
    • Touch Enabled
    • Responsive
    • Pause on Hover
    • Dynamic Pagination
    • Keyboard Navigation
    • HTML5 Support to play self hosted videos
    • Animation of each Caption element
    • Powerful CSS Transitions with jQuery FallBack
    • Adapts to Bootstrap spans
    • Set Fullscreen YouTube and Vimeo Videos
    Read More Demo

    Placeholder Enhanced : jQuery Placeholder plugin

    August 12, 2013 | HTML5, Plugins
    Placeholder Enhanced : jQuery Placeholder plugin

    This jQuery Placeholder plugin is an enhanced polyfill for the HTML5 placeholder attribute providing cross-browser support & styling.

    Features:

    • Cross-browser & Cross-styling
    • Support for all input types, password, textarea, text, email, search, url, etc…
    • Robust: it heavely behave as the HTML5 placeholder defined in the specs
    • Normalize placeholder behaviour in modern browsers
    • Fix jQuery.val() function to work as expected to set/get the value of inputs with placeholder
    • Lightweight: 889 bytes minified & gzipped
    Read More Demo

    Reddit Image Browser with jQuery & Html5

    July 31, 2013 | Gallery, HTML5, jSON, Other API, Plugins
    Reddit Image Browser with jQuery & Html5

    Reddit Image Browser is a client-side image browser for Reddit. The application uses jQuery to fetch and process unauthenticated JSONP. Some rendering is done with D3.js with the eventual goal of creating richer visualizations and user interactivity. HTML 5 Local Storage is used to maintain state.

    Features:

    • Runs entirely in your browser.
    • Identifies post type (i.e. NSFW, videos, self) and displays content in an appropriate format.
    • Infinite scrolling with automatic asynchronous loading.
    • Hotkeys, such as j to go to next post and c to open comments page, enable fast browsing.
    • Your subreddit selections persist across sessions via HTML 5 Local Storage.
    • Local Storage support for IE provided by Remy Sharp’s storage polyfill.
    • Retries on load error.
    Read More Demo

    Popline : HTML5 Rich-Text-Editor Toolbar with jQuery

    July 30, 2013 | HTML5, Plugins
    Popline : HTML5 Rich-Text-Editor Toolbar with jQuery

    Popline is a HTML5 Rich-Text-Editor toolbar. Popline is inspired from popclip. Compared to traditional RTE, popline will float around the selected text.

    Read More Demo

    jQuery Html5 Pusher Plugin

    July 26, 2013 | HTML5, Plugins, Web
    jQuery Html5 Pusher Plugin

    Enable HTML5 History navigation in your web site easly.

    This plugin aims to enable the HTML5 navigation in sites without having to change anything server side. If the browser does not support HTML5 no fallback is provided, the site will be simply browsed in the old way.

    Read More Demo

    Advanced Table jQuery plugin

    July 26, 2013 | HTML5, Plugins, Tables
    Advanced Table jQuery plugin

    User friendly table handler

    Features:

    • editable content
    • selectable row
    • multi select row
    • source select (database or file or html)
    • filterable content
    • download filtered content
    • password protected database update with timeout
    • resizeable
    Read More Demo

    S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations

    July 19, 2013 | Animation, CSS2 / CSS3.0, Gallery, HTML5, Plugins, Responsive
    S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations

    S Gallery is a responsive jQuery gallery plugin with CSS3  animations.It is inspired from SONY’s products gallery which is made in Flash.The gallery is accessible by keyboard and you can navigate through the images via keyboard shortcuts.

    The plugin makes use of HTML5’s FullScreen API, and relies heavily on CSS3 animations goodness and CSS3 transforms, so it will work only in browsers that support these features.

    Read More Demo

    jSliderPro : jQuery CSS3 Responsive Slider

    July 17, 2013 | CSS2 / CSS3.0, HTML5, Premium, Responsive, Slider
    jSliderPro : jQuery CSS3 Responsive Slider
    • – Transition engine that can generate an incredible number of stunning effects. More possibilities incoming with the very next releases.
    • – No images limits and automatic memory management.
    • – Javascript callbacks to interface with other programs.
    • – CSS3 and HTML5 only.
    • – Fully responsive and cross browser compatibility from desktop PCs to mobile devices.
    • – Reference manual and hundreds of examples included.
    Read More Demo