Stuff & Nonsense product and website design

Blog and all that malarkey

Two things about the iPad mini

Two things about the iPad mini as I’ve owned one since Friday:

  1. It’s the best iPad I’ve ever held and therefore the best tablet I’ve ever held. It feels perfectly balanced, both in size and weight. It’s solid but not heavy and the screen is a perfect size and aspect ratio.
  2. But, that screen’s terrible for displaying text. Really terrible, especially at small sizes. Don’t take my word for it, the footer on Apple’s website says it all.
(Actual size)

Their store’s full of tiny text too.

(Actual size)

And Lord help you if you want to read what you’re asking them to engrave on the back of one of these things.

(Actual size)

The iPad mini has the same number of pixels as the 1st generation iPad and the (still available) iPad 2, although it packs them in tighter into its smaller size. Oddly, this makes the rendering of text worse to my eyes.

Engraving input
Type testing on iPad (1st Gen) and iPad mini

In an ideal world, I’d use a CSS Media Query to bump small text sizes up a notch or two, perhaps making 14px the minimum instead of 12px. Trouble is, there’s no Media Query that can tell these iPads apart (the resolution query isn’t supported by Safari). That means that from now on I’ll serve larger text to all 1x iPads.

If you’re not already doing it, evaluating type on devices during design is essential. Me, I use versions of my type testing sheets. Here are the defaults.

And they’re on on Github too. Open them on your devices and squint until you can read.


Written by Andy Clarke who tagged this with design


More from Stuff & Nonsense

Andy Clarke demonstrates how to take your product and website designs to the next level.

Take your Squarespace designs to the next level with our premium Squarespace templates.

The popular web design contract template trusted by thousands of web designers and developers.

Andy is an experienced mentor who can help you improve your design skills and develop your career.


I’m available to work on new design projects.