The <main> Element

The ARIA role main is intended to serve as an alternative to a “skip to main content” link, something especially helpful to users accessing a site by way of assistive tech or navigating by keyboard alone. It provides the browser (or the users’ assistive software) with a predictable landmark for the page’s primary content so that “skip to main content” functionality can be built into the browsing software, rather than being dependent on the developer adding a link at the top of the document.

Up to this point, HTML5 has lacked a functional equivalent to ARIA’s main, however—at least until the proposed <main> element came along.

Having such an element sounds reasonable to me.

The <main> Element →

Contre Jour

Hauntingly beautiful, pleasantly challenging and strangely addicting – Contre Jour is now on the web! Swing, shoot, drop or fling Petit through 30 free challenging levels right in your browser.

Very nice iOS game (been playing it for quite some time now), ported to the web by to celebrate the upcomig Internet Explorer 10 team (cfr. Cut The Rope which was released quite a while ago)

Contre Jour → is a community-driven site that aims to become a comprehensive source for web developer documentation. The founding members of Web Platform Docs have already contributed a lot of content to this project, but you can help too

Basically this has to become your go-to site if you’re looking for information to creating websites, instead of having to hop between the Mozilla Developer Network, HTML5 Rocks, dev.opera, etc.

Great to see that it’s backed by the browser vendors (Google, Apple, Microsoft, Mozilla, …) and some other big players (such as Facebook), all convened by the W3C. Also great to see a few familiar speakers such as Nicholas C Zakas, Divya Manian, and Paul Irish appear to be linked to the project.

Nice, yet wondering what will happen to the aforementioned MDN, HTML5 Rocks, etc. over time. Content which is now duplicated onto will indefinitely become out of sync over time. →
Web Platform Docs →
One Small Step →


This library shows how to achieve realtime text communication using GIF images as transport.

The idea is pretty simple. We use Animated Gif images to stream data in real time to the browser. Since a gif image doesn’t specify how many frames it has, once the browser opens it, it will keep waiting for new frames until you send the bits indicating that there’s no more image to fetch.

And yes. It works in IE6.

gifsockets →

Adobe Edge Inspect

Adobe just announced that the aforementioned Adobe Shadow will be renamed to Adobe Edge Inspect.

We’d like to thank you for using Adobe Shadow during its free preview period on Adobe Labs. On September 24, 2012, we will announce and ship Adobe Edge Inspect, which will replace Adobe Shadow.

With this change, they’re releasing a free and full version

The free version has access to all of the full version features including Synchronous Browsing, Remote Inspection, Screenshots, cache clearing, localhost support, HTTP authentication, and HTTPS support – but is limited to one concurrent device connection.

And yes, the full version will cost you some money: $9.99/month or included in your Creative Cloud membership.

Shadow is now Adobe Edge Inspect →