Code that's easier to feel than read.

A small collection of live, in-browser demos built to accompany the Writing — each one lets you break something on purpose, then watch exactly what fixes it.

Performance

Core Web Vitals — Live Demo

Measures LCP, INP, and CLS live in your browser. Trigger the "good" and "bad" version of each and watch the score cross the threshold in real time.

Open demo Layout

Working Drawings — Responsive Layouts

A drafting-table view of how one layout resolves into four. Drag to any width and watch the grid re-plot itself against the breakpoint spec.

Open demo