Join us at TNW Conference 2022 for insights into the future of tech →

The heart of tech

This article was published on February 14, 2012

    9 Sites for diving head-first into HTML5

    9 Sites for diving head-first into HTML5
    Harrison Weber
    Story by

    Harrison Weber

    Harrison Weber is TNW's Features Editor in NYC. Part writer, part designer. Stay in touch: Twitter @harrisonweber, Google+ and Email. Harrison Weber is TNW's Features Editor in NYC. Part writer, part designer. Stay in touch: Twitter @harrisonweber, Google+ and Email.

    So much has been said about HTML5 and the new innovations that surround it. For a lot of people, it signals an end to Flash and a time where all browsers will finally follow Web standards (I’m talking IE). For others, it’s a new tool to play with that empowers browsers and re-imagines the possibilities of Web apps.

    Of course, all of these claims can’t happen with HTML5 alone. You’ll need CSS3, JavaScript and plenty of other technologies to make these ideas a reality (plus talent), but I’m fine with HTML5 getting the spotlight.

    If you’re like me and eager to get in on all the hot, standards compliant action, you’re going to need to know where to start. The following links are for everyone from beginner to expert, and should shed some light on the subject of HTML5 and the innovation and talent that is starting to surround it:

    HTML5 Boilerplate 3.0

    http://www.youtube.com/watch?v=NMEB78VX2P0

    We just wrote about HTML5 Boilerplate earlier today, and it’s worth a second mention. It’s a wonderful learning tool as long as you realize that what you see isn’t required, but recommended.

    ➤  HTML5 Boilerplate 3.0

    Chrome Experiments

    Chrome’s set of experiments that test the browser’s limits are very well-known, but continuously impressive. They should give you a starting point as to why so many developer communities are embracing this quickly evolving technology.

    ➤  Chrome Experiments

    Mozilla Hacks

    Mozilla Hacks is Mozilla’s own Chrome Experiments for Firefox. It highlights the “leading edge stuff that people are doing with Firefox and the open Web.”

    ➤  Mozilla Hacks

    IE Testdrive & Blog

    IE has come a long way since the days of IE6. I’m proud to say that the possibly most hated browser of all time (by developers) is now highly embracing emerging standards and has invested heavily in the likes of HTML5.

    IE has and will continue to have a massive marketshare, so it is certainly worth taking a peek at what the team is working on!

    ➤  IE Testdrive and IE Blog

    HTML5 Rocks

    HTML5 Rocks features an awesome set of tutorials and resources for HTML5 as an emerging platform. “Whether you’re a mobile web developer, an enterprise with specific business needs, or a serious game dev looking to explore the web as a new platform, HTML5 has something for you!”

    ➤  HTML5 Rocks

    HTML5 Please

    HTML5 and CSS3 have come a long way, but many important features are still risky to use — that is, they aren’t supported by all browsers. So if you’re eager to take advantage of the shiny new toys available to you, you’ll need to know which elements and styles are fair game, and which will cause a catastrophic mess. This is a problem, HTML5 Please tries to resolve.

    ➤  HTML5 Please

    W3C

    The World Wide Web Consortium (W3C) is an international community that develops open standards to ensure the long-term growth of the Web.

    ➤  W3C – HTML5

    HTML5 Doctor

    HTML5 Doctor features an impressive and clean element index. It’s a highly useful, quick reference of elements that are new or have been redefined in HTML5

    ➤  HTML5 Doctor

    Move The Web Forward

    “You love web standards. You want to give back to the community. Curious about where to start? We’re here to help.”

    ➤  Move The Web Forward

    For more on HTML5, check out TNW’s Design + Dev Channel!