HTML5 Please

,

Several months ago, Paul Irish and I got an idea to create a service that would give out recommendations on which HTML5 features to use and how to use them. Finally, yesterday, we pushed that site live: html5please.us.

The pressing problem for web developers has been to know which features are good to use, which are not. Most likely, they spend hours working on sites using some new features, only to be burnt in the process using features that are not performance-friendly, having incomplete support or using the wrong polyfill.

I spent a lot of time thinking of how to best implement this such that it would be easy to work with among contributors and also be easy to compile into a single site. Tim Branyen helped in much of the brainstorming and finally we came up with a node/backbone implementation that took a set of markdown posts and stitched them into a single HTML page. The node application also automatically tries to add a link to when can i use for each of the features. I also added another check to verify these links exist and if not, remove them before being published.

Thanks to Deepak Jois for writing the shell-script that allows easy addition of new features. Connor Montgomery, Peter Beverloo and Addy Osmani also helped significantly in making sure the content was relevant and correct.

Let us know what you think and also if you could, help in the effort.

Hello Opera 11.60!Interview on W3C Blog

Comments

BS-Harou Tuesday, January 24, 2012 7:22:39 PM

good job wink

Nimesh nimeshthakkar Tuesday, January 24, 2012 7:52:01 PM

Originally posted by BS-Harou:

good job


+1

blackcoder Tuesday, January 24, 2012 9:41:59 PM

up

alharawi Tuesday, January 24, 2012 10:11:06 PM

Great, we be usefull !

QuHno Wednesday, January 25, 2012 7:10:49 AM

Could you make the headline texts
<h4 class="name">foo</h4>
clickable in Opera or IE or change the cursor to a normal one, please? The pointer cursor suggests that it is clickable and it works in Chromium, the other browsers react to clicks on the [+] sign or outside of the headline texts only...

Ankuryadavankur Wednesday, January 25, 2012 9:10:00 AM

Really nice smile

FataL Wednesday, January 25, 2012 4:17:40 PM

Cool!

Constantine Vesnac69 Friday, January 27, 2012 7:23:58 PM

Very nice idea and implementation! Yet some things are too optimistic. Like WebGL, for example.

Constantine Vesnac69 Sunday, January 29, 2012 6:39:25 PM

btw, There is no <script async="true" > support in the table..

QuHno Monday, January 30, 2012 9:17:23 AM

I am missing the FileAPI in the overview.
OK, not for use now because only IE10, Fx7 and Cr12 support it good enough, but IMHO one of the most interesting things to watch, even more than WebGL ...

CSS3 3D is mising too. Only newer Webkit based browsers and Fx10 support it for now, but there are already some very interesting applications for it.

Jimtoyotabedzrock Wednesday, February 1, 2012 10:52:48 PM

The correct link is http://caniuse.com not http://whencaniuse.com

Now get moving on implementing the actual features p

Write a comment

You must be logged in to write a comment. If you're not a registered member, please sign up.