Top banner ad available.

html_5_readiness.jpg
HTML5 & CSS3 Readiness [html5readiness.com] is a relatively simple but cute data dashboard, completely created with CSS3, which tracks how much support exists for each new HTML/CSS feature. Its circular, sun ray-like design is based on an existing infographic about America's Wealthiest Religions.

The different browsers are grouped into color schemes based on their underlying rendering engine: all Firefox versions are shades of blue, Chrome/Safari - yellow, IE - pink. Each ray also has a different background color if it is a CSS3 feature. Each browser is represented with a tile on the bar and with an equal width of space. As a result, if a single bar is full, that specific feature has universal support among all the 8 browsers.

4 COMMENTS

Nice idea, but bad design from an information viewpoint. It's difficult to get an overview of the different features, since you have to brush each bar in order to see which feature it represents. Also, since the colors gravitate to the center instead of having their own "orbit", it is difficult to follow how HTML5-ready each browser is.

This would have been way more readable as a matrix.ce idea, but bad design from an information viewpoint. It's difficult to get an overview of the different features, since you have to brush each bar in order to see which feature it represents. Also, since the colors gravitate to the center instead of having their own "orbit", it is difficult to follow how HTML5-ready each browser is.

This would have been way more readable as a matrix.

Thu 13 May 2010 at 2:29 AM
Alex

Chrome is ahead of the game when it comes to HTML5 and CSS3 support but Firefox 4 is just around the corner. Go Mozilla!

Thu 13 May 2010 at 11:15 PM

The graph design clearly show the nightmares that developers are going to have. And I can see this info-graph on my browser but it's slow as hell, so if something is supported doesn't mean that it really works.

Fri 14 May 2010 at 2:22 AM
olan

I like being able to see the browser capabilities increase over the years.

The design is fine but there should be overlays on the nodes as you mouse over them so you don't have to match the color to the browser.

Fri 14 May 2010 at 3:50 AM
ADD A COMMENT
Commenting has been temporarily disabled.