Lazy-Loading Images Without a Library

Browsers have supported native lazy-loading for years. Most of the work now is telling them the right size to fetch.

We try to write for one specific reader. When a paragraph confuses that imaginary person, it usually confuses everyone else too.

Reading work aloud is the cheapest editing tool there is. Your ear catches rhythm problems that your eye skips over, especially in long sentences.

<img
  src="photo-800.jpg"
  srcset="photo-400.jpg 400w, photo-800.jpg 800w, photo-1600.jpg 1600w"
  sizes="(min-width: 768px) 720px, 100vw"
  width="800" height="500"
  loading="lazy"
  decoding="async"
  alt="Morning light on the harbour wall">

Feedback lands better when it describes the effect rather than the fix. “I lost track here” is more useful than “move this paragraph”.

Taking notes by hand is slower, and that is the point. The friction forces you to decide what matters before you write it down.

We schedule unstructured time on purpose. Some of our best ideas started as an afternoon with no plan and a stack of old magazines.