30 Free Gesture Icons For Multi-touch Devices

Gesture icons is a wise way to guide your users through your applications. With the help of a nice set of gesture icons, you can design a professional tour guide for your applications easily. However, it is difficult to look for a high quality set of gesture icons on the internet.

To ease of your life, Mobile Tuxedo provides you a nice set of “Touch Gesture Icons” for free. Touch Gesture Icons includes 30 most popular gesture icons for multi-touch devices. This icon set contains five different sizes such as 48px, 64px, 128px, 256px and 512px in PSD and EPS vector files. You can use the royalty-free icons for any personal, commercial project including web design, software, application, advertising, film, video, computer game, GUI design, illustration, for you or for your clients, without having to pay additional licensing fees.

Requirements: None
Demo: http://www.mobiletuxedo.com/touch-gesture-icons/
License: Free

Allofthelights.js - jQuery Plugin To Turn Off The Light And Enjoy Your Videos

Allofthelights.js is a jQuery plugin built by Kanye West that allows to switch off the light, for your videos to stand out.

Features

• Works with any video iFrame
• Responsive video
• Custom background (color, opacity)
• Fade transition
• Switch button entirely customizable
• Control animation speed
• Support of lot of players
• Modern browsers support
• Lightweight (4Ko minified)
• Requires jQuery 1.7+

Browser Support

Due to the use of media queries, Allofthelights.js works better with modern browsers. The script has been tested on Chrome 21.0, Firefox 15, Opera 12.0, Safari 4.0, IE7, IE8 and IE9.

Requirements: jQuery
Demo: http://www.megaptery.com/allofthelights/
License: MIT License

Fresco - A jQuery Plugin For Beautiful Responsive Lightbox For Stunning Overlays

Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device.

In fact, Fresco in the first truly responsive lightbox. Give the demonstrations a try to see what that means, make sure to adjust your screen size (or rotate your device).

To make things even more awesome Fresco comes with fullscreen zoom, retina-ready skins, Youtube and Vimeo integration for HTML5 video and a powerful Javascript API.

Requirements: jQuery
Demo: http://www.frescojs.com/
License: Fresco License

BonsaiJS - A Lightweight Graphics Library With An Intuitive Graphics API And An SVG Renderer

BonsaiJS is lightweight graphics library with an intuitive graphics API and an SVG renderer.  Bonsai's main features include:

• Architecturally separated runner and renderer
• iFrame, Worker and Node running contexts
• Paths
• Assets (Videos, Images, Fonts, SubMovies)
• Keyframe and time based animations (easing functions too)
• Path morphing
• and much more...

Requirements: None
Demo: http://bonsaijs.org/
License:  MIT License

jQuery.tube.js - A jQuery Plugin For Accessing Youtube's Player And Data APIs

jQuery.tube.js is a jQuery plugin to access YouTube's player and data APIs transparently. The basic approach is centered around 'tube' objects: a tube is an abstract container filled with videos based on a YouTube playlist, user's feed or a search query; a tube offers the basic control and event handling interfaces you would expect from a playlist (play, pause, next, etc.) and is associated with a player instance. A player is a thin wrapper around YouTube's iFrame or (if window.pushMessage is unavailable) JavaScript player API; thus, the player is intended to work transparently on legacy browsers (IE7) and HTML5 capable devices without Flash support.

This plugin contains no stylesheets; tube instances create simple HTML lists of their contents (the structure can be adjusted for each instance through a simple template system).

Requirements: jQuery
Demo: http://inukshuk.github.com/jquery.tube.js/
License: MIT License

Cuepoint.js - A Plugin For Adding Cue-Points And Subtitles To HTML5 Video

Cuepoint.js is a plugin for adding cue-points and subtitles to HTML5 Video.  Cuepoint.js is open sourced.  You can check out the demos for understand how it works and how to implement it.

Requirements: None
Demo: http://cuepoint.org/
License: MIT License

jPlayer - A jQuery HTML5 Audio/Video Library

jPlayer is the completely free and open source (GPL/MIT) media library written in JavaScript. A jQuery plugin, jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions.

Requirements: jQuery
Demo: http://www.jplayer.org/latest/demos/
License: MIT License or GPL

MediaElement.js - HTML5 Video And Audio Made Easy, One File, Any Browser, Same UI

MediaElement.js implents HTML5 audio and video players in pure HTML and CSS.  Custom Flash and Silverlight players fallback is available that mimic the HTML5 MediaElement API for older browsers.  Accessibility standards including WebVTT.  Plugins for Wordpress, Drupal, Joomla, jQuery, and BlogEngine.NET, ruby gem, plone are available.

Requirements: None
Demo: http://mediaelementjs.com/
License: MIT License or GPL v2

SERIOUSLY.JS - A REAL-TIME VIDEO COMPOSITOR FOR THE WEB

Seriously.js is a real-time, node-based video compositor for the web. Inspired by professional software such as After Effects and Nuke, Seriously.js renders high-quality video effects, but allows them to be dynamic and interactive.  Some of its features are:

• Optimized rendering path and GPU accelerated up to 60 frames per second
• Accept image input from varied sources: videos, images, canvases and arrays
• Output to multiple canvases
• Effect parameters accept multiple formats and can monitor HTML form inputs
• Basic 2D transforms (translate, rotate, scale, skew) on effect nodes
• Plugin architecture for adding new effects
• Read pixel array from any node

Some of the included effects are:

• Optimized rendering path and GPU accelerated up to 60 frames per second
• Accept image input from varied sources: videos, images, canvases and arrays
• Output to multiple canvases
• Effect parameters accept multiple formats and can monitor HTML form inputs
• Basic 2D transforms (translate, rotate, scale, skew) on effect nodes
• Plugin architecture for adding new effects
• Read pixel array from any node

Requirements: Node.Js, WebGL, Cross-Origin Videos and Images
Demo: http://seriouslyjs.org/
License: MIT License

VIDEO.JS - JAVASCRIPT AND CSS LIBRARY FOR HTML5 VIDEOS

Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video, today. This is also known as an "HTML5 Video Player". Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn't supported, and also provides a consistent JavaScript API for interacting with the video.

Requirements: None
Demo: http://videojs.com/
License: LGPLv3