<archive for="javascript">

Build Web applications with HTML 5

Michael Galpin, software architect on eBay, writes a detailed article about building applications with HTML 5, extremely useful for learning how to detect HTML 5 capabilities and taking advantage of them right now.

Cartagen: Native HTML 5 maps using canvas

Cartgen is a vector-based, client-side framework that renders maps in HTML 5 combining the canvas element and javascript. Maps are styled with GSS, an accessible specification based in CSS and JSON. You can read more about Cartagen in their Wiki.

HTML5 Canvas Experiment

The guys at 9elements created a stunning little experiment which loads 100 tweets related to HTML5 and displays them using a javascript-based particle engine. Each particle represents a tweet – click on one of them and it’ll appear on the screen. You can see it in action or read more about it in their blog.

Audio player with javascript & HTML 5

jPlayer is a great idea that takes advantage of the audio tag in HTML 5 to create an extremely customizable (just HTML and CSS) audio player using jQuery. You can get some ideas by looking at the demos.

How to get HTML 5 working in Internet Explorer and Firefox 2

Since support for HTML 5 is still evolving and even some new browsers don’t fully support the standard, you can’t expect older browsers to display your HTML 5 sites correctly.

Here are a few tutorials on how to make older browsers like Internet Explorer 6 display HTML 5 sites correctly:

Javascript manipulation of the audio tag

The audio tag in HTML 5 allows us to insert a sound or audio stream on our sites without the need of a proprietary plugin like Flash.

There’s still little information regarding the use of the audio and video tags, but Cedric Dougas shows us some examples to manipulate audio in HTML 5 using javascript.