Future of Web Design, Glasgow
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.)
Forms demo
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.
Safari displays 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.
And don’t forget to view source for that “Look, no JavaScript!” moment.
Canvas demos
- 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 canvas tutorials:
- 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
Video demos
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!
12 Responses to “ Future of Web Design, Glasgow ”
Can you please post the presentation on PDF format? I’d love to read it.
Thanks, Bruce!
Thank you so much, as I already said on Twitter 🙂
[…] https://www.brucelawson.co.uk/2009/future-of-web-design-glasgow/ a few seconds ago from web […]
[…] Bruce Lawson’s personal site : Future of Web Design, Glasgow […]
[…] it was a really good presentation and is available from Bruce’s site along with some examples, and the fact that there were very few laptops and phones out during the course of it was a sure […]
I get exactly the same look in Opera as Mike (first post). Opera version 10.00, Build 6652, Platform Mac OS X, System 10.5.7
Good post, though. Thanks!
Good article, interesting to read, simple and most interest this article is usefull. Thanks for the info! wait for updated article
good presentation and available site along with some examples, and the fact that there were very few laptops out during the course of it was a sure.
The datalist and range properties of HTML5 are definately the best features. So simple to create interfaces like in other languages.
First of all, this is awesome. Thanks so much for sharing.
One question I have, since I’ve been experimenting with Web Forms 2.0 in Opera is why do they look *so* bad by default? Here’s a screen shot of what I’m seeing in Opera 10/Mac:
http://skitch.com/miketaylr/b9cwg/html-5-forms-demo