It’s Friday, so here are a few random links and stories which caught my eye during the past week…
This is glorious: it’s a list of all 104 HTML5 elements shown as a periodic table. Click any element for a brief description, links to the specification and other resources.
You can also enter a URL to show which elements were used to create the page — take a look at the analysis for SitePoint’s home page.
The table’s been created by Australian web developer Josh Duck. Great stuff.
The fourth beta of the fourth Firefox browser was released by Mozilla earlier this week. The main changes: improved HTML5 rendering, WebM video support, better plug-in crash protection, integrated tab and bookmark synchronization, “Panorama” — a grouped visual overview of your opened tabs, and many other features.
The browser also includes Direct2D graphics acceleration on Windows — something the IE team have been bragging about for a while. Mozilla has disabled it by default but, for the fully accelerated experience, set the following configuration options in about:config:
- mozilla.widget.render-mode — change to 6
- gfx.font_rendering.directwrite.enabled — set to true.
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
However, the shiv doesn’t work when an HTML5 element is added to a node using innerHTML then appended to the document, e.g.
var s = document.createElement('div'); s.innerHTML = "<section>Hi!</section>"; document.body.appendChild(s);
Fortunately, web developer Joe Bartlett has solved the problem with HTML5 innerShiv — a small function which makes IE happy again.
This is a little off-topic, but do you know Pac-Man? The Pac-Man Dossier from Jamey Pittman will make you think again!
The page contains interesting facts for programmers and fans of the game. Did you know there are 256 levels, although every level beyond 21 is identical and level 256 is broken? Were you aware that each ghost has a different behavioral pattern? Have you discovered that eating a regular dot slows Pac-Man for 1/60 of a second so ghosts catch up quicker? Perhaps you didn’t care, but this is an amazing insight into how the game was developed 30 years ago.
Craig is a freelance UK web consultant who built his first page for IE2.0 in 1995. Since that time he's been advocating standards, accessibility, and best-practice HTML5 techniques. He's created enterprise specifications, websites and online applications for companies and organisations including the UK Parliament, the European Parliament, the Department of Energy & Climate Change, Microsoft, and more. He's written more than 1,000 articles for SitePoint and you can find him @craigbuckler.
Visual Studio Code: End-to-End Editing and Debugging Tools for Web Developers
Jump Start Git, 2nd Edition
Form Design Patterns