Best jQuery HTML5 Plugins & Tutorials with Demo

    Instagram-style filters in HTML5 Canvas

    Instagram-style filters in HTML5 Canvas

    jQuery Push Notification Plugin

    jQuery Push Notification Plugin

    This library allows us to use html5 NotificationAPI in jquery.

    Markdown Text Editor Plugin

    Markdown Text Editor Plugin

    This javascript library is a markdown text editor.

    ZoomTimeline : CSS Timeline Pack

    ZoomTimeline : CSS Timeline Pack

    Looking for a company timeline ? A shipping log ? Shipping history ? Personal History ? A cool timeline slider ? This plugin has it all. No matter the needs for a timeline, the six modes included cover all the timeline needs.Awesome for – company timeline, time line, history, company history, shipping history, parcel track display, timeline slider.

    • HTML5 technology – zoomtimeline uses the latest html5 tehniques ( like Histroy API ) to deliver a never seen before experience to your clients
    • fully responsive – looks great from mobile to HD
    • five modes – full skins to fit every brand
    • CSS3 technology – this player uses cutting-edge css3
    • SCSS Powered – easy for developers to modify
    • Retina-ready – graphics have double resolution for smooth retina viewing
    • easy install – purchase, download the zip, read the docs
    • iPhone / iPad optimized – this gallery has been optimized for Apple touch devices

    VakaMail – HTML Email Newsletter Template Builder

    VakaMail - HTML Email Newsletter Template Builder

    VakaMail is a HTML Email Newsletter Template Builder and Editor and provides Javascript functionality that allows you to easily create custom HTML Email Newsletters using pre-defined HTML elements. The VakaMail script comes with several sample HTML elements, but the script really shines when used with your own custom HTML elements!

    3D-Tour Hero : Script of WebGL Based Virtual Tour

    3D-Tour Hero | Script of WebGL Based Virtual Tour

    This scripts helps you to add Virtual 3D Tour to your site. Purchase include the source of Visual Virtual Tour Constructor! It helps to create the Virtual Tour in visual mode in your site admin panel!

    Features:

    • Maximal Support in Browsers due to WebGL & Canvas Renderers
    • HTML5 3D-Tour Redactor for Admin Panel
    • Convenient and Great API
    • Control Settings (Speed & Direction of ‘Hand-Rotate’, ‘Zoom’, ‘Auto-Rotate’)
    • Start Camera Direction
    • Load Animation
    • Links to 3D Tour creation
    • Helper to easy Getting the Point on 3D-Scene to link snap
    • Export & Import player data with all configs in JSON format

    Interactive Record Player : Javascript Experiment

    Interactive Record Player : Javascript Experiment

    Today we’d like to share an experimental old school record player template with you. The idea is to tap into the incredibly awesome Web Audio API and see what we can do with it. The demo starts with an initial grid view, powered by Masonry. Once a grid item is clicked, a circle expands and covers the grid, revealing the selected album. Now we are in a slideshow view where we can browse through the records.

    Vue Html editor : jQuery Plugin

    Vue Html editor : jQuery Plugin

    A Vue.js component implementing the HTML editor with the jQuery summernote plugin.

    dFlip – 3D & 2D Flipbook WordPress Plugin

    dFlip - 3D & 2D Flipbook Wordpress Plugin

    DFlip is a high quality, realistic flipbook plugin for WordPress with smooth effects to stun your viewers. It has PDF support inbuilt and you can have easy PDF integration without any extra extension. It’s very responsive and device friendly. You will have almost all features you’ll lookout for: like hot-spots, PDF annotations, outline, custom outline, image support, etc all in a single package.

    Convert HTML to Image in jQuery

    Convert HTML to Image in jQuery

    This article explains how to convert div to an image in jquery. Yes, we are going to generate an image from our HTML page on client-side using jQuery. We can also convert a particular part of our Webpage (Asp.net C# Web project/ PHP). All we need HTML tag, and using html2canvas js library we can create images .i.e converting HTML table to Image PNG, JPG or converting DIV, UL, LI tag into Jpg image format.