Pixels + time = comedy

A journey through time and space with one of my oldest sites

It’s a good thing none of my old sites are around today. For one thing, many of them used Flash. Gratuitously. And while we didn’t have to think about responsive layouts or breakpoints, we did have to contend with displays that are tiny compared to today’s screens.

In fact, a 1998 iMac had a display resolution of 800 by 600 pixels. With browser chrome, the effective canvas shrunk to about 650 by 440 pixels. Talk about a design constraint.

Partying like it’s 1999

Among the sites I designed in 1999 was one for the Lionsgate documentary by Errol Morris, Mr. Death: The Rise and Fall of Fred A. Leuchter, Jr. (It’s a powerful and disturbing doc, if that’s your bag.)

Here’s how it looked on an all-in-one iMac from the period:

The original iMac’s 13.8" (viewable) screen had a resolution of 800 x 600.

Not too shabby. This was when we were told to mind the fold. Also, when home pages were supposed to look like posters, not portals. Anyway, the 650 pixel site width fit right in. Get it? Fit right in? Sorry.

PS Internet Explorer 5! Just sayin’.

Give us 1024 or give us a poor user experience!

Even in the stone ages, some people had larger monitors. Here’s how the site looked on a second generation iMac from 2002:

A second generation iMac with a 15" screen had a resolution of 1024 x 768.

Wunderbar—if you’re a fan of negative space. Nothing’s expanding to fit the viewport here, nosiree. Nonetheless, it works. Kind of.

And now I’d like to direct your attention to the gaping chasm on the right side of the browser—that, folks, is the Grand Canyon!

We used to pin our sites to the upper left corner of the browser to avoid clipping the edges at lower resolutions. At higher resolutions, this left things hanging. Get it? Left things hanging? Sigh.

You don’t see many left-aligned sites anymore. Thankfully.

Fast forward to 2016. I mean, 2560.

If the Mr. Death site weren’t…dead, here’s what it would look like on my 27" Thunderbolt Display:

The 27" Apple Thunderbolt Display has a resolution of 2560 x 1440.

Gah! My eyes! The tiny site occupies less than a quarter of the screen.

And now things get weird.

Here’s how Mr. Death looks on an iPhone 6S Plus:

The 5.5" screen on an iPhone 6S Plus has a resolution of 1920 x 1080.

Okay, that’s just stupid. Apple recommends a 44 pixel hit area for all tap targets. The entire site is basically one large tap target!

Of course, we were designing for what was, not for what might be. We dreamt of larger screens with more pixels, but we also had to play the cards we were dealt.

And guess what: the things we’re designing today? They’re going to be just as obsolete in 10–15 years. Trust me. I know. I’ve been there.