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:
- Dynamic images and graphs with canvas
- Eliminating much forms validation with webforms 2.0
- Local storage automagically saving your data
- 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.
- 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
- 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
There are some great beginner canvast tutorials on the Opera Developer:
- 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