Theory and Practice

Apple Device Relative Screen Sizes Redux

A few months ago I posted a showing the relative pixel dimensions of various Apple products. I created the graphic partially as an aid in my decision making process for buying a new MacBook Pro, but mostly because I feel a geeky compulsion to do it.

And now I’ve done a new version, available for anyone who might be interested.

A screenshot of the relative pixel dimensions page.

This time I did the whole this using plain old HTML and CSS. I used it as an opportunity to play around with a few CSS3 features, too. The means the it works best using a modern browser.

I also corrected some errors from the original, too.

If you find this useful, let me know.