The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

HTML5

HTML5 Category

Multiplayer Music Making Chrome Experiment – Plink

Plink is a neat audio game by Dinahmoe Labs. It’s built with HTML5, Node.js and the Web Audio API.

plink Multiplayer Music Making Chrome Experiment   Plink

Plink is basically an interface for generating music in real time, using only your mouse — invite your friends and make some music together!

Plink does, however, only work in Chrome, as the API is exclusive to Chrome at the moment.

A video tells more than a single picture — check out the video if you’re too lazy to play the game itself.

A JS Library For Working With HTML5 Audio – SoundJS

SoundJS is a JavaScript library for working with HTML5 audio.

Its key features include channel management, batch loading, and master volume control.

soundjs A JS Library For Working With HTML5 Audio   SoundJS

If you’ve tinkered around with HTML5′s audio, you know how much of a pain in the ass is dealing with different ways that browsers react to the same code.

The most important component of SoundJS is, thus, the API, which provides something of a one-size-fits-all cross-browser interface for working with sounds.

SoundJS is intended to be a part of a larger whole — CreateJS — which is yet to be released.

Creating An HTML5 Video Player – HTML5 Video Player

www.script-tutorials.com have published an awesome tutorial on how to create an HTML5 video player with jQuery.

videoplayer Creating An HTML5 Video Player   HTML5 Video Player

The author provides some information about fallbacks and supported formats and, in the end, creates a surprisingly effective video player with just CSS, HTML5, and JavaScript.

A very nice read if you’ve been wanting to discover more about HTML5′s <video> element.

Interactive HTML5 Canvas — KineticJS

KineticJS is a JavaScript library for making the canvas element much more interactive and flexible.

kineticjs Interactive HTML5 Canvas    KineticJS

KineticJS uses an interesting, layer-based rendering approach in order to escape performance slips that are usually expected where myriads of shapes are involved.

There is vast functionality brought about by this splendid library: adding event listeners to shapes, moving, scaling, and rotating them, etc.

eBook Publishing On Android Devices – Friar

Friar is a framework for publishing interactive eBooks on Android devices. The eBooks must be written in HTML5.

friar eBook Publishing On Android Devices   Friar

The framework is heavily inspired by Baker, but the code is mainly original.

Friar eases the publishing process fundamentally, by providing a single coding ground, a flexible format and easy publishing.

If you’ve been thinking about publishing your books to the Android app store, friar could be the perfect solution for you.

The Developer’s Guide To HTML5 APIs

netmagazine.com have published a superb wrap-up of the currently available HTML5 APIs.

html5apis The Developers Guide To HTML5 APIs

Instead of actual code examples, the page focuses on the APIs themselves: what are they called, what is their history, and what you can do with them. The post is split in two, covering both W3C HTML5′s APIs and those of the WHATWG specification.

The page features information on such well-known HTML5 APIs like the media API and Drag&Drop API, but also features a journey to the hidden realms of HTML5, describing underdogs like web sockets, canvas 2D context, server events and the likes.