From the article:<p><i>... stranger angles (such as the strings) are masked using containers with overflow: hidden</i><p>Hum, am I the only one who wonders why we have to reinvent, in 2010, a graphics language, and everyone seems to think it's cool?<p>Even on the Apple II you didn't to do such ugly hacks. Why now?
If I cut down a 50 foot tall tree with a swiss army knife, it would not be a testament to the "power" of the knife, it would be a testament to my own stupidity.
The HTML/CSS all up is about 34kb, but could be a lot less if minified, and the CSS was made for ease of drawing over optimization :) You could get a PNG down to less than 10kb easily (but of course, that was hardly the point hehe). Cheers for the comments guys!
A very clever hack. I wonder how much total memory is used versus the image-based version? A couple potential disadvantages: more http requests and more dom nodes. But I'm guessing the author did this just because they could, not as a demonstration of how things should be done.
Works neatly in Firefox and even better in Chrome, but fails horribly on my iPhone. Might just be due to the small screensize but I haven't tested that properly yet.<p>Impressive none the less.