5 ms·
Periodic Table of the (HTML5) Elements
- georgecalm 16y agoI've just printed a copy for my wall, and it's beautiful! If you had a poster, I'd buy it :) One request: please switch from W3Schools to the official W3C spec for the "more-info" link.
- p858snake 16y agoOr the mozilla dev center, W3Schools has some issues (http://w3fools.com/ http://w3fools.com/)
- underwater 16y agoCreator here. That's been on my todo list for a while. MDC might be a good replacement.
- thomasfl 16y agoThis is quite useful when you don't remember the name of a tag. With html5 there's lots of new tagnames to remember.
- BobKabob 16y agoPretty cool! Not to be pedantic (I hate that word), but in the spirit of improvement, you may want to spell check your popups. (example: "<bdi> Text that is seperated from directional formatting of its surroundings." ... should be separated) At first, I looked at this chart, and thought "cute, but what good is it." Then I started clicking on it, and eventually found myself printing it and hanging it in my office! Good work.
- AgentConundrum 16y agoHow did you print it? I only ask because the print preview for it shows that it loses a lot of it's style (background color, borders, etc.).
- BobKabob 16y agoGimp Screen capture and print.
- TerraHertz 16y agoNice. One suggestion- make the title or something clickable to restore the clean table after using this to examine some site's code.
- clu3 16y agoThank you, I've been looking for something like this for a quite while
- DeusExMachina 16y agoEvery time I see a "periodic table of X elements" a question pops to my mind: what is the benefit of arranging elements totally unrelated to the natural ones using the same structure? In the original table, elements are arranged in rows, columns and colors using their specific properties, which actually are not at all present in these html elements. In this table I see only the meaning for the colors, but why not to use the two dimensions of the table to convey something different (losing, of course, the familiar shape)?
- corin_ 16y agoIn most cases I'd agree with you - but I assume that in this case it's purely done for the sake of a rather excellent pun, which I rather enjoyed :D
- ChrisCooper 16y agoI thought this table was going to be an actual table of HTML5 elements, but organized into new patterns of periods, by, say, what context they are usually used in, or what purpose they are used for. And then maybe sorted by frequency or something. That would be cool!
- duck 16y agoThe one thing I learned from this - there is a new ruby tag in HTML5 (not related to the lang): Ruby (also spelt rubi) characters are small, annotative glosses that can be placed above or to the right of a Chinese character when writing logographic languages such as Chinese or Japanese to show the pronunciation. Ruby annotations, are usually used as a pronunciation guide for relatively obscure characters.
- clu3 16y agoI'd love to see a filter button on this page as well. When I click on a "Show supported tags" button, it will let me know which tags are currently implemented in my browser, and hide those which are not