The term “jeweler’s loupe” is what I’d use myself for this demo...
Apple’s use of the term “retina” only serves to remind me of Wired magazine’s original attempt at a website way back when. (They called their Life magazine-like section “retina.”) It’s a common, almost everyday word that nevertheless sounds pretentious or sci-fi—ish.
Also, no one cares if something uses css rather than js. The endless "X done only using Y" is cool from a hacker perspective, pushing boundaries is where the awesome hacks come. But users will just go 'meh'.
Precisely. Where do we have CSS without JavaScript? And for people who disable JavaScript in their browsers, they get the broken websites they deserve.
Indeed. Forward compatability for IE is groovy and all, but how does a fella go about predicting document.getElementById back in the days of document.all and document.layers?
It's pretty neat that they used the border-radius to make the actual div perfectly round. I love it when a feature is used for something completely different than what was intended (make rounded-corners).
One issue with this that I'd like to point out is that the background is apparently still a .png, so this isn't something you can implement on an HTML <div> out of the box (unless I'm misreading the source).
The constant use of this "retina" term is dubious when referring to the actual iPhone screen, never mind this.
p.s. Nice job.