Newsletter
  • Get a newsletter digest every Friday:
Contact

Send me feedback, tips, bug reports, and anything else:

About me and the blog

My name is Marcin Wichary (he/him). I’ve worked as a UX designer, typographer, front-end person, and manager at Google, Medium, and Figma. I’ve also written a book about keyboards and typing, gave talks, and published essays about design, typography, and technology.

Unsung is my blog about software craft and quality.

More info about Unsung

Send me feedback, tips, bug reports, and anything else:

More info about Unsung

Unsung @ 500: Nine design details

This is a meta post about this very blog. If that’s not interesting to you, skip to the next one!

1.

Clicking or tapping on Newsletter or About links just above reveals the options in small drawers underneath, hopefully making it easier to engage without having to deal with new page opening, and so on:

2.

You can still ⌘-click on those links to open full pages. And the mouse cursor changes to the hand whenever you hold ⌘ to match the difference in behaviour:

3.

All the random posts are on a loop, so you can keep clicking to read the entire blog without ever encountering anything twice. (Well, at least if you do it in between post publications, as each new publication recomputes the random chain.)

4.

However, if you keep ⌘-clicking on “Random post,” each click will generate a different post, so you can spawn a bunch of tabs to read and then close them all.

5.

Even though Warbler (the body font) has old-style numerals, I turned them off so that the site doesn’t feel too old-fashioned, but also maybe too pretentious.

6.

In the title, I shortened the underline a bit so that it ends just at the base of the Y. (Wrapping that letter in a span also broke the kerning pair, so I had to compensate for that also.)

7.

You can press / or ⌘/ or ⌘K to get to search at any point.

8.

I used to do it by hand, but now every YouTube video link also shows the length of the video automatically. (This below is a static image and not a link.)

9.

The diagonal dividing lines are aligned optically to the left spine on desktop, but slightly more to the center on smaller devices:

I also updated the Cursed knowledge page with some things I learned, and lightly updated Technical details – although with this one I usually wait to hear what people are curious about.