Writing

Writing

17 articles on engineering, tooling, and the craft of building software. Newest first, grouped by year, with a one-line summary under every title.

Illustration of a tree whose branches are circuit traces

Featured

Hand-picked articles worth reading

  • I Built an AI-Friendly UI Pattern Library

    A UI pattern library where every pattern ships the prompt that rebuilds it, so a coding agent can put it in your codebase instead of you copying CSS.

    AIaiclaude-codecssui

Popular

Articles readers keep coming back to

  • The Simplest CSS Grids

    Learn the most common CSS Grid layouts with copy-pastable examples for two-column layouts, sidebar navigation, and more.

    Digital Garden

Collections

Three shelves

Digital Garden

Engineering, opinions, deep-dives, and everything in between.

10 articles

Demystifying Tools

Practical walkthroughs of common command-line tools and utilities.

7 articles

AI

Guides, opinions, and the I, AI short story series.

12 guidesSeries: I, AI (3 of 5 parts)

Archive

Every article, by year

Search matches titles, descriptions and tags.

2026 · 5 articles

  • Demystifying awk

    A practical introduction to awk for printing fields, filtering rows, formatting output, and writing useful one-liners.

    Demystifying Toolsdemystifying
  • Demystifying Git Worktrees

    Learn how to work with multiple Git branches simultaneously using worktrees - a powerful feature that lets you check out different branches as separate folders while sharing Git data.

    Demystifying Toolsdemystifying
  • The Simplest CSS Grids

    Learn the most common CSS Grid layouts with copy-pastable examples for two-column layouts, sidebar navigation, and more.

    Digital Garden

2025 · 1 article

2024 · 4 articles

2020 · 5 articles

2018 · 2 articles

  • How I Structure My JavaScript File

    Check out my practices and recommendations on writing JavaScript files that I've learned through writing JavaScript for years.

    Digital Gardenjavascriptcode-organizationbest-practicesclean-codefile-structure

Your reading desk

Reading settings

No single setting suits every reader. The defaults come from reading research; change anything and the whole site follows. Your choices stay in this browser.

I build with AI and write about what I learn. Twenty years of software, written down so the next person has an easier time.

Text size

The British Dyslexia Association recommends 16 to 19px body text. The default here is 20px.

Line spacing

1.5 is the style-guide floor. Extra space between lines keeps your eye on the right line.

Letter spacing

Wider letter spacing reduces crowding. In one study, children with dyslexia read about 20% faster with it and made half as many errors (Zorzi et al., 2012).

Line length

Characters per line in the main text column.

Typeface

Plain, upright sans serifs did best in an eye-tracking study of 48 readers with dyslexia (Rello & Baeza-Yates, 2013).

Page tint

Pure white can glare. Pick the tint that is easiest on your eyes. Tints apply to the light theme.

Theme
Reading ruler

A tinted band that follows your pointer, like a card held under the line you're reading.