A 580 pixel blog width


Josh Nunn asked me on the better social network about why the CSS in my blog theme is 580 pixels wide. It’s a fascinating story, which I posit is true because I said so despite clear and present evidence to the contrary.

(Contrary is only one letter away from Country. No, wait, I count twenty-three letters between them in that sentence. Is this what people subscribe for? Don’t answer that).

I ran the first version of my blog on shared web hosting from 2004 to 2005, and so needed to limit the disk space and bandwidth use. I settled on 500 pixels for image widths, and wrote my first themes to accommodate this. Later when I moved to WordPress I styled the Sandbox theme in the same way, and then on from Jekyll and Hugo.

Over time I increased the font size of posts for legibility, which meant there were too few words per line. The solution was to expand the width of posts so the same amount of text fit as before. 500 pixels at 0.8em was roughly the same as 580 pixels at 1.0em, give or take. But I’ve stuck with 500 pixel-wide images ever since, for reasons of shameless nostalgia and the fact all my image-processing scripts assume it.

It’s probably one of the biggest technical things I regret about this site. Scaling Retina/HiDPI graphics would have been far easier if I started with 640 pixels instead of 500, even if the surrounding text would have needed more padding. I was doing HSC Extension English in high school at the time though, so was used to padding words. But I suppose 500 still made more sense when I was counting every cent in hosting costs, and I didn’t work at a cloud infrastructure provider who let me run it for free (cough)!

Author bio and support


Ruben Schade is a technical writer and infrastructure architect in Sydney, Australia who refers to himself in the third person. Hi!

The site is powered by Hugo, FreeBSD, and OpenZFS on OrionVM, everyone’s favourite bespoke cloud infrastructure provider.

If you found this post helpful or entertaining, you can shout me a coffee or send a comment. Thanks ☺️.