Visual Media Demo

Visual Media Demo

Markup Review

A small demo app using HTML 5 and CSS 3. Here is the authors explanation.

This is a simple HTML 5 interface for contact selection. It doesn’t use any libraries like jQuery, mootools or prototype. Instead it’s back to oldschool Javascript, with a fresh squeeze of CSS 3 and HTML 5. I wanted to create something to experiment with the new capabilities of the new major browsers.

Things you can see in action here:

* HTML 5 markup
* CSS 3 border-radius
* CSS 3 selectors
* CSS :before pseudo element
* XMLHttpRequest
* getElementsByClassName

The demo works in Firefox 3.5, Safari 3.1+ and Google Chrome.

Got something constructive to say?