Opera Developer News

I was honoured to give two talk at EuroPython 2010 today (including my first ever keynote!). Here are the resources and useful links.

Keynote: Open Standards: democratising and future-proofing the Web

The slides for this don't really make much sense by themselves, so I'm not weighing down the Web by posting them. However, here are the links that I talked about or demoed:

• Korea Paying Price for Microsoft Monoculture (Korea Times)
• Legal & General Standards-based redesign facts and figures
• Ian Hickson (HTML5 editor): "HTML [is] in direct competition with other technologies intended for applications deployed over the Web, in particular Flash and Silverlight"
• HTML5 Forms demo (best-supported in Opera, some support in WebKit-based browsers)
• Eye-candy canvas
• canvas first-person shooter
• canvas first-person gifter
• the excanvas library to port canvas to Internet Explorer
• Introduction to HTML5 Video
• Everything you need to know about HTML5 video and audio
• Accessible HTML5 Video with JavaScripted captions (transcribed video demo)
• 1.6 billion people are online, yet more than 4 billion people — two out of every three people on Earth — have a mobile phone or access to one. Opera State of the Mobile Web report
• Media Queries Adaptive Content (Van Gogh example) (narrow your browser window)
• Screencast: "Mobile web development techniques" (18 mins)
• Flexible Web Layouts with CSS3 Media Queries tutorial
• Browser as Platform: Introduction to W3C Widgets
• Torus Widget (3D Tetris-like game I demoed; needs Opera 10.50+ installed)
• More Widgets
• 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.")

Opera Developer Network has some beginner's canvas tutorials available:

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

HTML5: The good, the bad and the quite interesting

A live coding demo, so again no slides!

• Demo page
• Writing cross-browser, future-proof CSS 3 (a brief tip that I mentioned in the talk)
• HTML5 validator
• Patrick Lauke's fancy swap video playlist
• Miro Video Converter (now does WebM, too!)
• Diagram: What HTML5 isn't

Some other resources:

• HTML5 Demos, including demos of some of the advanced APIs
• HTML5 Doctor (a community site I co-curate) including You can still use div
• Canvas and SVG - which should I use when?
• List of HTML5 shivs and shims

I'll be at the dinner tomorrow night (Wednesday) and will be delighed to answer any questions about the wondrous world of Open Web Standards and HTML5.