AddyOsmani.com | Where Web Businesses Grow

This requirement to learn new languages and plugins can increase the time it takes to get a project out the door and the need for many different specialities can definitely increase the cost of getting something impressive done. HTML5 changes this – with support for high-quality animation, video and audio embedding as well as many other types of rich content, the future of the web may be arriving soon. Here’s what HTML5 will give you.

1. The canvas element provides a highly powerful and very straightforward way to draw arbitrary graphics and animations on a web page using pure Javascript. For an example of this, take a look at this simple drawing area or these amazing Chrome demos. If however you would like to see some of the real horsepower behind the Canvas element, take a look at Mozilla’s BeSpin. Bespin is an extensible code editor with an interface so rich that it’s hard to believe it was written entirely in Javascript and HTML.
2. The video element aims to make it as easy to embed video on a web page as it is to embed images today. No plugins, no mismatched codecs. See for example, this simple video editor running in Safari. And check out the page source for this YouTube demo. (As a special bonus, the video is demonstrating the power of O3D, an open source 3D rendering API for the browser.) Imagine being able to directly embed your videos without needing to worry about Flash again.
3. The geolocation APIs make location, whether generated via GPS, cell-tower triangulation or wi-fi databases (what Skyhook calls hybrid positioning) available to any HTML 5-compatible browser-based app. A popular demo that’s been floating around is using Google to figure out your current location to any Google map using built-in Browser functions, and another interesting development has been Google Latitude for the iPhone. What’s really impressive about Latitude on the phone is that it’s a web app, with all the platform independence that implies, not a platform-dependent phone application.
4. AppCache and Database make it easy to build offline apps. The killer demo is one first at Web 2.0 Expo San Francisco some time ago: offline gmail on an Android phone.
5. Web workers is a mechanism for spinning off background threads to do processing that would otherwise slow the browser to a crawl. For a convincing demo, take a look at a web page calculating primes without web workers. As the demo says, “Click ‘Go!’ to hose your browser.” Then check out the version with web workers. Primes start appearing, with no hit to browser performance. Even more impressive is a demo of video motion tracking, using Javascript in the browser.