Here’s the talk I gave at Glasgow (which was the afternoon talk I gave in in Bristol).
Sorry, Glaswegians, for the lack of demos—the projector had problems with Windows machines.
Future of HTML5 (.odp format, 3MB.), Future of HTML5 (.pdf format, 600K.)
One of the cool things in HTML5 is intelligent forms, which are implemented most thoroughly in Opera (so try them there) and which are apparently “coming soon” in Google Chrome.
In legacy browsers, the intelligent forms just fall back to text input fields.
input type="range" as a slider, and also the once-proprietary, now standardised
placeholder attribute. Watch what happens in Safari when you click in and out of the email field.
HTML5 forms demo.
- Sexy processing twitter demo
- First person shooter game
- Super Mario clone (in 14K!)
- jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas
Want to learn more? Opera has some excellent beginner
- 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
You’ll need Firefox 3.5 for these (I was demoing using an Opera Labs build, but it’s not publicly available yet).
Remember – there are no browser plugins running here, so the video element is completely available for manipulating with script. That’s the killer feature.
- Video element demos to show how you can script your own controls, and interaction with SVG
- Dynamic Content Injection—pushing content into the video using script
- BBC R&D Labs: Overlaying time-stamped textual subtitles (and write-up)
A couple of links I mentioned:
- Me, on the video codec impasse
- Camen Design: Video for Everybody: code to make backwardly-compatible video (using a Flash fallback)
Thanks to all who came to watch, ask some questions, share their thoughts, drink a beer with me, or buy me a deep-fried Mars Bar!