Opera Developer News

Last week, 120 Londoners were locked in a room and made to listen to me talk about HTML5, specifically its origins and design principles.

Here's a video.

The Zen of HTML5 by Bruce Lawson from Opera from Nathan O'Hanlon on Vimeo.

And here's the audio in open Ogg Vorbis format, courtesy of Christian Heilmann and the marvellous archive.org.

Thanks to Nathan O'Hanlon of London Web for the invitation and taking the video, Web Directions @media and the other sponsors, and to everyone for coming.

HTML5 resources

• Introductory article: Get familiar with HTML5!
• New structural elements in HTML5
• New form features in HTML5
• HTML5 Forms demo
• HTML5 validator (and HTML Lint for those that believe that xhtml syntax matters)
• HTML5 Demos, including demos of some of the advanced APIs
• HTML5 Doctor (a community site I co-curate) including You can still use div
• List of scripts to plug holes in browsers' HTML5 support

HTML5's friends: JavaScript APIs

• How to use the W3C Geolocation API
• Introducing Web Sockets
• Web Workers rise up!
• Web Storage: easier, more powerful client-side data storage
• Running your web applications offline with HTML5 AppCache
• W3C DAP: Device APIs and Policy Working Group ("the mission of the Device APIs and Policy Working Group is to create client-side APIs that enable the development of Web Applications and Web Widgets that interact with devices services such as Calendar, Contacts, Camera, etc.")

HTML5 <video> resources

• Demo: Dynamically resizing video with CSS
• Demo: Scripting your own HTML5 video controls
• Demo: Patrick Lauke's fancy swap video playlist
• http://dev.opera.com/articles/view/introduction-html5-video/
• Everything you need to know about HTML5 video and audio - and it really is everything!
• Accessible HTML5 Video with JavaScripted captions
• <video> specification
• How <video> is implemented in Opera

<canvas> tutorials

• Canvas and SVG - which should I use when?
• HTML 5 canvas - the basics
• Creating an HTML 5 canvas painting application
• Creating pseudo 3D games with HTML 5 canvas and raycasting
• Creating pseudo 3D games with HTML 5 canvas and raycasting: Part 2

All dev.Opera's HTML5 and CSS 3 resources.