Best jQuery HTML5 Plugins & Tutorials with Demo

    jQuery Responsive & Touch-Friendly Audio Player

    December 6, 2012 | CSS2 / CSS3.0, HTML5, Plugins, Responsive, Video & Audio
    jQuery Responsive & Touch-Friendly Audio Player

    A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used. The jQuery plugin itself would be pretty much useless without the respective CSS which is responsible for the looks and some of the features summarized below.The plugin replaces targeted <audio> elements with some HTML and JavaScript events attached to it.

    Don’t confuse this player with the whole media centre like iTunes or so. It is nothing like that. This is a tiny, lightweight player with a very clear purpose: to play a single audio file. I have built it having this credo in mind: “don’t solve problems that do not exist”. You don’t need complex plugins or ugly Flash players with thousands of useless functions to play that damn audio file. Be innovative, be subtle.

    Read More Demo

    Sketch.js : Simple Canvas-based Drawing for jQuery

    December 4, 2012 | HTML5, Plugins
    Sketch.js : Simple Canvas-based Drawing for jQuery

    Sketch.js is an easy-to-use jQuery plugin that allows you to create canvases upon which visitors can draw. The code is partially inspired by William Malone’s drawing app tutorial as well as CanvasPaint.

    Read More Demo

    jQuery Dimension 3D Portfolio Gallery

    November 19, 2012 | CSS2 / CSS3.0, Gallery, HTML5, Plugins, Premium
    jQuery Dimension 3D Portfolio Gallery

    Dimension 3D Portfolio Gallery is an easy to use jQuery 3D Tile / Portfolio Gallery with 3D animated filter selection. Use it to display your work.This Portfolio is created with javascript, CSS3 and HTML5 .

    Read More Demo

    CodingJack’s jQuery 3D Carousel

    November 11, 2012 | Carousel, CSS2 / CSS3.0, HTML5, Premium, Responsive
    CodingJack's jQuery 3D Carousel

    CodingJack’s 3D Carousel is a Real 3D using CSS3 3D Transforms carousel plugin with jQuery,Html5 & Css3

    The carousel is supported on iOS and Android and includes touch swipe functionality. It looks great on a tablet and will even work on a smartphone. But because the carousel can appear small on smaller screens, I’ve included two special options for smartphones:

    • Option to display a thumbnail grid instead (the “fallback” presentation)
    • Option to transform the grid fallback into a responsive layout. View either preview from your phone for an example.
    Read More Demo

    jStat : jQuery statistical library

    November 10, 2012 | Chart & Graph, HTML5
    jStat : jQuery statistical library

    jStat is a statistical library written in JavaScript that allows you to perform advanced statistical operations without the need of a dedicated statistical language (i.e. MATLAB or R). The majority of jStat functions can be used independently of any other libraries. However, the plotting functionality of jStat is based on the jQuery plugin – flot.

    jStat uses numerous advanced statistical functions that require considerable processing power. This requirement results in differing user experiences depending upon your browser choice. Currently, the fastest browser is Google Chrome. However, most browsers provide satisfactory performance, with the exception of Internet Explorer which has a significant performance hit.

    Read More Demo

    Gamma Gallery: A jQuery Responsive Image Gallery Experiment

    November 9, 2012 | Gallery, HTML5, Popup Window, Premium, Responsive
    Gamma Gallery: A jQuery Responsive Image Gallery Experiment

    Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account.Gamma Gallery uses David David DeSandro’s Masonry in a fluid mode where column numbers are defined depending on the grid container sizes.

    Read More Demo

    Zozo : jQuery UI Tabs

    November 9, 2012 | CSS2 / CSS3.0, HTML5, Plugins, Premium, Tabs
    Zozo : jQuery UI Tabs

    Zozo Tabs is a lightweight highly customizable jQuery plugin to provide full tab functionality that can be integrated into your site/blog quickly and easily. Some of it’s key features includes: such as horizontal & vertical tabs, CSS3 & HTML5 design, 8 ways to position, 6 themes, SEO -friendly and more. Did we mention it works also on older browsers such as IE7 and IE8 ?.

    Features:

    • SEO Friendly
    • Stylish
    • Fully Customizable
    • Cross-browser
    • Bookmarkable tabs
    • 6 Themes
    • Horizontal & Vertical Tabs
    • 8 Flexible ways to position
    • Multiple tabs on the same page
    • Dynamically add & remove tabs
    • Autoplay Support
    • CSS3 & HTML5 design
    Read More Demo

    Bootstrap-wysihtml5 : jQuery & Html5 Beautiful wysiwyg Editors

    November 8, 2012 | Bootstrap, HTML5, Plugins, Web
    Bootstrap-wysihtml5 : jQuery & Html5 Beautiful wysiwyg Editors

    Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap.

    Read More Demo

    Roundbox : jQuery modal image plugin

    November 7, 2012 | Animation, CSS2 / CSS3.0, HTML5, Plugins, Popup Window, Premium
    Roundbox : jQuery modal image plugin

    Roundbox is a jQuery plugin to improve your image presentations on your sites. It comes with a cute effect when the user hovers upon the image and you can expand it with a simple and clean modal box without take the user away from your homepage.

    Features:

    • HTML5 and CSS3 crossbrowser support
    • Perfect hover detection
    • Builtin simple ModalBox
    • Lighbox support
    • Useful callback functions
    • Fully customizable
    • Smooth animations
    • Easing effect included
    • Images shown in the preview included.
    Read More Demo

    BootMetro : Create web apps with Windows 8 Metro user interface

    November 6, 2012 | Bootstrap, CSS2 / CSS3.0, Forms, HTML5, Layout, Menus, Responsive, Tables, Web
    BootMetro : Create web apps with Windows 8 Metro user interface

    BootMetro provides simple and flexible HTML, CSS, and Javascript for web apps that wants to use the “Windows 8 MetroUI” style, without the need to run on Windows 8. It is built on top of Twitter Bootstrap and was originally inspired by the Metro UI CSS by Sergey Pimenov.

    The framework permit to create web applications with the look&feel of the not-yet-released Windows 8 MetroUI style. Maybe not ideal for internet web sites, the MetroUI style can be adopted for modern intranet web sites. I’ve choosen to use as base the awesome Twitter Bootstrap framework, applying a set of customizations in pure css (but planning to do it in LESS for future version).

    Read More Demo