Best jQuery HTML5 Plugins & Tutorials with Demo

Creative Upload Interaction with JavaScript & Canvas

Creative Upload Interaction with JavaScript & Canvas

Well in this tutorial we will see how to implement a creative component to upload files, using as inspiration the previous animation by Jakub Antalík. The Idea is to bring better visual feedback around what happens with the file after is dropped.

We will be focusing only on implementing the drag and drop interactions and some animations, without actually implementing all the necessary logic to actually upload the files to the server and use the component in production.

Tower Building Game with Html5 Canvas & Javascript

Tower Building Game with Html5 Canvas & Javascript

Tower Game is a HTML5 canvas tower building game using javascript. MIT licensed and has some option to customize.

Rough.js : Create Graphics in Hand-Drawn & Sketchy Appearance

Rough.js : Create Graphics in Hand-Drawn & Sketchy Appearance

Rough.js is a light weight (~8k), Canvas based library that lets you draw in a sketchyhand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths.

Konva.js : HTML5 2d Canvas Library

Konva.js : HTML5 2d Canvas Library

Konva is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for desktop and mobile applications, and much more.

You can draw things onto the stage, add event listeners to them, move them, scale them, and rotate them independently from other shapes to support high performance animations, even if your application uses thousands of shapes. Served hot with a side of awesomeness.

Lumise Product Designer Tool with JavaScript & PHP

Lumise Product Designer Tool with JavaScript & PHP

Lumise is the professional product designer tool, built by HTML5 + JavaScript technologies. Lumise is designed to focus on the user experience and provide all in one for a breakthrough solution for your print services store. In addition, it has many powerful exclusive features and top-friendly interface to help your users easy to design any ideas.

jQuery Plugin to plays Audio & Video on Hover : Media Hovers

jQuery Plugin to plays Audio & Video on Hover : Media Hovers

Get Motion to your images. Media Hovers is a responsive HTML5 plugin which plays audio and video on hover. It can be applied to any element. Just specify thumbnail and audio or video file and turn it into your hover. Media Hovers also supports lightbox mode where images and videos can be viewed in larger mode.

Features:

  • HTML5 video and audio support
  • Cross browser compatible
  • IOS and Android support
  • Font Awesome Library icons
  • Mix both audio and videos in the same page
  • Optional image slideshows while audio plays
  • Social sharing support (facebook, twitter, google plus)
  • Lightbox support

KoolChart : HTML5 CANVAS based Charting Solution

KoolChart : HTML5 CANVAS based Charting Solution

HTML5 CANVAS-based charting solution with excellent performance Works on all HTML5-supported browsers With a single development effort, the chart layout and style can be used on multiple devices.

  • 30 essential chart types, which is the most numerous provided in a single package.
  • Brilliant 2D and 3D charts with animation effects.
  • 400 ready-to-use sample charts are pre-packaged by default.
  • Customize styles, themes, tooltips, axes, labels, user-defined JavaScript functions, etc.
  • Simulate charts with Data Editor.

JSCapture : Screen Recording and Capturing with JavaScript

JSCapture : Screen Recording and Capturing with JavaScript

JSCapture is screen capturing library implemented with pure JavaScript and HTML5.It allows you to make screenshots and record a video of your desktop from your browser.

SHOUT : HTML5 Radio Player With Ads

SHOUT : HTML5 Radio Player With Ads

Just add the radio stream and the player will get radio name, radio categories, current playing song and artist photo.It supports ShoutCast and IceCast radio streaming. The radio stream should be MP3 type. It will also play AAC streams but only on browsers which support AAC.

HTML5 Desktop Notification with JavaScript

HTML5 Desktop Notification with JavaScript

Desktop notifications plugin for Chrome, Safari, Firefox and IE9+.