Filed under: Developer, Education
HTML5 is here, which means Web developers now have a whole bunch of new tags and elements to play with. The Periodic Table of the Elements is an effective visual map of what the "new HTML" looks like. It's a comprehensive table, too; it contains both existing elements (such as the hyperlink tag, a) and elements that were just introduced in HTML5.
Elements are sorted by their function (root elements, metadata and scripting, text-level elements, forms, etc.), and when you hover over an element, you get a short description and a couple of links to further reference material (W3C Developer's Guide and W3Schools).
The whole thing feels very slick and is indeed implemented as an HTML table. One awesome feature is the How are they used? box. For example, you can punch in reddit.com and get a colorized map that shows exactly what HTML5 elements Reddit currently employs. It's not just a binary thing, either (uses/doesn't use). The more an element is used, the brighter it shines on the table. There's even a small instance count when you hover over it; I can tell you that Reddit uses seven input tags and 192 span elements on its main page. That's pretty slick!
Periodic Table of the Elements is a quick, slick HTML5 cheat sheet originally appeared on Download Squad on Thu, 23 Sep 2010 14:30:00 EST. Please see our terms for use of feeds.
Read | Permalink | Email this | Comments
No comments:
Post a Comment