Article 14 Tweet

The Future of HTML 5

By Bruce Lawson

13 October 2009 | Category: Code, HTML5

At FOWA London 2009 Bruce Lawson gave an introduction to HTML 5 and how it might be used in the future.

The HTML 5 spec was originally called "Web Applications 1.0". Most of the attention has been on the new markup elements, but in his talk he takes a further look at the applications side of the spec, covering:

1. Dynamic images and graphs with canvas
2. Eliminating much forms validation with webforms 2.0
3. Local storage automagically saving your data
4. Geolocation
5. Building toolbars and menus.

Editor's Note: We'll be covering "How HTML 5 is Going to Completely Change your Web App" at The Future of Web Apps in Miami.

You can jump straight to the video, view the slides, read the transcript (thanks @joeloverton for doing this!), or check out the resources he demos in the talk:

• Eye-candy canvas
• canvas first-person shooter
• canvas first-person gifter
• the excanvas library to port canvas to Internet Explorer
• Filament Group’s jQuerty plugin using canvas for graphing data tables
• Raphaël JavaScript Library to make SVG that also works in Internet Explorer
• SVG Web is a JavaScript library which provides SVG support on Internet Explorer (Alpha code: not ready for production)
• My HTML5 forms demo, including range, date, placeholder, regex validation (Try in Opera and Chrome)
• modernizr – A small HTML5 capability detection library
• HTML5demos.com – Remy Sharp’s demos of geolocation, offline storage and web database and many others
• Video demos

Other useful resources:

• SVG vs. Canvas on Trivial Drawing Application: a comparison of canvas and SVG
• HTML5 Authors spec
• A video of Dean Edwards demoing his unreleased JavaScript library that detects and plugs the holes in current browsers’ HTML5 support

There are some great beginner canvast tutorials on the Opera Developer:

1. HTML 5 canvas – the basics
2. Creating an HTML 5 canvas painting application
3. Creating pseudo 3D games with HTML 5 canvas and raycasting
4. Creating pseudo 3D games with HTML 5 canvas and raycasting: Part 2

The video

Full transcription available at joeloverton.com/html5. We’d like to say a HUGE thank you to @joeloverton for doing this transcription!

The slides

Other Posts You Might Find Interesting

• Sorry - No Related Posts Found