Best jQuery HTML5 Plugins & Tutorials with Demo

InfiniteRPS : Simple Browser Game with jQuery & HTML5 Canvas

InfiniteRPS : Simple Browser Game with jQuery & HTML5 Canvas

Simple browser game built with JS, jQuery and HTML5 Canvas. A simple sidescrolling RPS game that pits you, a shape shifter, against an infinite amount of rocks, pieces of paper, and pairs of scissors. Shift into the correct form to defeat your foes! Levels become progressively more difficult as the number of enemies and the speed at which they approach increases.

Loud Links : JavaScript library for adding Interaction Sounds

Loud Links : JavaScript library for adding Interaction Sounds

A simple tiny Javascript library to add interaction sounds to your website.The library creates HTML5 audio element and uses it to play mp3/ogg audio files which is currently supported in all browsers.

Timeline Framework with HTML5 & CSS

Timeline Framework with HTML5 & CSS

AWSM Timeline’ is a pack of super cool and interactive timeline layouts for your website. It is rather a basic framework which you can use to build your own style of timeline layouts by making some basic CSS changes. This documentation will help you to integrate the layout easily into your existing HTML files.

Create a Dynamic Point Mesh Animation with HTML5 Canvas

Create a Dynamic Point Mesh Animation with HTML5 Canvas

A great tutorial by Dudley Storey where he teaches how to master a dynamic point mesh animation using Canvas.

HTML Canvas Gauges using JavaScript

HTML Canvas Gauges using JavaScript

Canvas Gauges is tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.

Waud.js : Web Audio Library with HTML5

Waud.js : Web Audio Library with HTML5

Waud is a simple and powerful web audio library that allows you to go beyond HTML5’s <audio> tag and easily take advantage of Web Audio API. It abstracts Web Audio API making it consistent and reliable across multiple platforms and browsers. It also falls back to HTML5 Audio on non-modern browsers where Web Audio API is not supported.

Features:

  • Base64 Pack
  • Audio Sprites
  • iOS Audio Unlock1
  • Auto Mute2
  • Simple API
  • Zero Dependencies

WidgetPop : CSS Multipurpose Ready-made Popup Templates

WidgetPop : CSS Multipurpose Ready-made Popup Templates

WidgetPop is a modern intuitive HTML5 CSS3 multipurpose Popup to convert website visitors into prospect leads. The WidgetPop is responsive and works in all modern devices and browsers from mobile to desktop.

  • HTML5 + CSS3
  • Responsive Design
  • Easy Customisation
  • Unlimited Color schemes

Create Simple Image Editor Using jQuery, HTML5 And CSS

Create Simple Image Editor Using jQuery, HTML5 And CSS

In this tutorial we will show you how to create a simple image editor using jQuery, HTML5 and CSS.We use different CSS filter like Grayscale, Blur, Exposure(brightness), Sepia and Opacity to edit the image you can add more effects if you want.

Multirange : Tiny Polyfill for HTML5 Multi-Handle Sliders

Multirange : Tiny Polyfill for HTML5 Multi-Handle Sliders

Multirange is a tiny polyfill for HTML5 multi-handle sliders.

Features:

  • Tiny.
  • No dependencies.
  • Uses feature detection, will not run if two-handle sliders are natively supported.
  • Keyboard accessible
  • Clicking on the track still works
  • Handles can be moved past each other
  • Customizable styling
  • JS properties polyfilled too (input.value,input.valueLowinput.valueHigh)

jComponent : A simple jQuery Component Library

jComponent : A simple jQuery Component Library

jComponent is the component library for creating reusable components with jQuery. With jComponent you can improve your existing projects or create new web single-page applications.



Best jQuery websites design awards