Report from @media conference in London
The @media conference, or Web Directions as it is officially called these days, was once one of the pinnacles of web development. The celebrities of the web community gathered once a year and confirmed their positions as generals in the web standards war. In 2006 my colleague Roger Johansson from 456 Berea Street was one of the speakers. Today five years later, a lot has changed.
This means that the brilliant minds can focus on other stuff. But what? The conference was mainly about HTML5, CSS3 and mobile development.
First we attended a full day workshop on building mobile apps, led by Jonathan Stark. There are often divided camps on whether to do pure native apps or go for web apps, but we went for hybrid apps which is web files bundled in a native executable. I like this approach, since we’re getting the best from both worlds.
But there is usually a bit of black magic involved. To keep your sanity while developing I recommend using the helper tools available. One of the most popular is PhoneGap, an open source native app wrapper which enables support for native devices such as camera and accelerator. Unfortunately PhoneGap requires XCode, which only runs on Macs. But there is a workaround where you upload the code to a server, compile it and later download the compiled files.
There was also a bit of talk about nifty plugins such as JQTouch, which provides a mobile look-and-feel GUI to your markup. I also picked up some useful gems regarding designing for touch screens which may come in handy. He ended the day with demonstrating hardcore debugging using Weinre (WEb INnspector REmote), really cool stuff!
On the first conference day, Tom Coates held an inspiring keynote about the extreme rate of expansion on the web. The first HTML page was written in 1991. Present day, 20 years later, Google has indexed 28 billion web pages and digitized 15 million books (of the total 130 million). And most of the material has of course been published in the last ten years, as the nineties had a quite modest internet population compared to today. As Tom put it, “All this magic has been happening in the last 10 years, and you’re all part of changing the world”. Ten years ago, there was no Facebook, YouTube, Twitter, RSS feeds… This is nothing new and I frequently think/talk/write about this topic, but it is still absolutely mindboggling.
This is a great step forward, but unfortunately the biggest problem is codec support. The different browsers have varying support for mp4/H.264, WebM, Ogg/Theora. The same problem goes for audio with formats such as mp3, Ogg/Vobis and wav. Until there is better unification we have to fix it with multiple source elements.
He noted that HTML5 seems to have severe latency issues, so it’s probably not good enough for advanced WebGL stuff, but hopefully this will be addressed soon.
The second day started with a keynote by Andy Clarke. He demonstrated Animatable, a free tool which runs in the browser and offers help while creating animations. As a demo they recreated the Mad Men intro using CSS3 transforms, transitions and animations (you need a modern browser such as latest Chrome or Safari to view it).
Michael Mahemoff held a presentation about HTML5 offline. The main topics were web storage (local storage as well as session storage), WebSQL database and the Application cache.
I also attended “Rockstar graphics with HTML5” by Dave Bulmer. A lot of canvas and CSS3 comparisons were made and he believed SVG to be on its way out.
Nicole Sullivan talked about performance of CSS3 and HTML5. A good point was that selectors are parsed from right to left, so div.classname is slower than .classname. Other things to avoid were box-shadow, rgba-transparency and the attr-selector.
Then I walked through Jubilee Gardens, said my last farewell to it and took the tube to Heathrow.