This presentation was first shown (in this form) at Eurucamp 2013.
Whereever features are prefixed, I use the webkit prefix. I haven't done this to bash Firefox or any other browser but to keep the demo source readable. Which features are available in which prefixed or unprefixed form should be clear from the included caniuse.com embeds.
I'm currently running Chrome 28. To enable CSS regions (#9), you need to enable "Experimental Webkit Features" at chrome://flags
Additionally, showing off SSE (#2) needs a running SSE event source. As I didn't have the time to properly set this up on a server, You'd have to run it yourself on localhost:8080. The source for my demo project written in node.js is available at github.com/halfbyte/mini-sse.
Last but not least, to use the (stupid) LEAP Motion demo included as a bonus, you obviously need a LEAP Motion controller and the driver needs to have Web Apps enabled.
100vh == Height of Viewport
100vw == Width of Viewport
100vmin == Smaller of Both
100vmax == Larger of Both
event: tick id: 8 data: Tick 1376489698882 event: test id: 211 data: Random Message 0.9020805666223168 event: tick id: 9 data: Tick 1376489699884