Skip to main content

Weekend Reading: New Year, New Series

Weekend Reading is a weekly roundup of interesting articles I've found on the web in the preceeding week.

For ages, I've been bookmarking or instapapering articles I find on Twitter or on blogs. This helps me keep track of what I have read and when, and makes it easier to find things when I want to refer back to them. The Weekend Reading series is my attempt to do this in the open, partly to keep me accountable, and partly in the hope that other people might find these lists useful as well.

I know I get a lot out of the various newsletters I subscribe to, such as Andy Bell’s Picilili, Rachel Andrew’s CSS Layout News, Jake Bresnehan’s Web Design Weekly etc.

Starting as I mean to go on, the innaugural roundup post is a several weeks late, so actually contains posts since the start of the year.


52 things I learned in 2019

Tom Whitwell

The start of the year was rife with 2019 year in review posts. Typically, I forgot to note down most of them, but I did bookmark this one. Apologies for starting with a Medium post, but this is a great list of random, slightly off-topic facts.

The goal of walking 10,000 steps per day may have originated when a Japanese pedometer manufacturer noticed that the 万 symbol (which means 10,000) looks a little like someone walking. The actual health merits of that number ‘have never been validated by research.’ [Amanda Mull]

One thing I have learned in 2020 so far is how to click my fingers. Somewhat embarrassingly, it turns out I have been trying to use the wrong fingers (thumb and index finger rather than thumb and middle finger). I’m thirty-six, and have been doing it wrong all my life. I just assumed there was some trick to it that I was missing; it never occurred to me that I had the actual technique wrong.


Redesign: Perfecta Trifecta

Frank Chimero

Text accumulates: letters become words, words become sentences, sentences become paragraphs. Each choice in the design of a letter gets repeated thousands of times in a block of text, so when it comes to reading, typeface selection goes the furthest in setting the visual atmosphere.

Fantastic article from Frank on the process of choosing a typeface for his new site. On which note I absolutely love it when people design things in the open and applaud his bravery in doing so. It’s something I may end up doing with this site, as I keep wanting to try out new things. It’s nerve-wracking though.


The Burnout List

By Frank Chimero

Another bit of bravery from Frank, this time on burnout. There are certainly parts of this that chime with me, and I imagine many people will feel the same way. His idea of angst isolation especially, is what keeps pushing me away from Twitter, before I inevitably come crawling back again.

Angst isolation: the more of a mess the world becomes, the more it seems you can only trust yourself. World weariness triggers self-dependency, creating a feedback loop that can only end in burnout.


I enjoyed this tweet from Will Wu. This is why it’s important to think about edge cases and empty states!

Peloton sent me my “2019 year in review.” They didn't design for the edge case where the user only used the Peloton one time during the whole year.

@will_wu

100 days of CSS patterns

By Sandra Davis

I’m continually amazed by what people can do with just CSS. Love the imagination, the colours, the technical ability.


A short history of body copy sizes on the Web

By Florens Verschelde

When I started working on Web stuff around 2005, there were two extremely popular font styles for body copy:

  • 10px Verdana;
  • 11px Arial.

Those two styles appeared on maybe 90 percent of professionally built sites, to be seen by users on IE5, IE5.5 and IE6 on Windows XP and earlier versions. They also looked similar, thanks to heavy font hinting, lack of font smoothing or sub-pixel rendering, and the fact that Verdana has a bigger x-height so 10px Verdana was roughly equal to 11px Arial, only with slightly wider letters.

Florens Verschelde

An enjoyable jaunt back through the changing size of body copy on the web. I built my first sites before CSS was a thing, so back then we used the browser defaults!


Design System Checklist

A nifty tool if you’re making design systems, to help you plan, build and grow your design system. Covers everything from design language to tooling and project management.


52 weeks of Inspired Design Decisions #2 — Herb Lubalin

By Andy Clarke

Andy Clarke’s series of Inspired Design Decisions continues with this design, inspired by graphic designer and typographer Herb Lubalin.

If you enjoyed this, there's a number of things you can do:

For more of this kind of thing, subscribe to the RSS feed.

Send any comments or questions to [email protected], or use the form on the home page.

And if you're feeling particularly generous, please like, retweet or share this post on Twitter. It really helps me out.