Josh Comeau Frontend

Turn frontend surprises into an explicit mental model, then implement the smallest appropriate solution. This is an independent synthesis, not an official Josh W. Comeau product, a replica of his website, or a mandate to adopt his technology stack.

How It Works

1. Establish the actual task, existing stack, rendering environment, browser targets, and accessibility requirements. Preserve the project's conventions. For a version-sensitive task, read Current platforms.
2. Choose the relevant guide below. Read only the sections needed for this task; do not load all 88 sources into context.
3. Explain the governing mechanism: layout algorithm, containing block, cascade, stacking context, render ownership, hydration, or animation timeline.
4. Implement a minimal change. Distinguish functional requirements from decorative enhancements; keep essential content and controls usable without the enhancement.
5. Validate the mechanism and the user experience. Report what was tested, what remains uncertain, and the source IDs that materially informed the change.