Architecture
A little less JavaScript. A better starting point.
How to place client boundaries around interactions while keeping the rest of a Next.js page on the server.
The notebook / 01—05
Thoughts.
Made tangible.
Notes on building for the web.
A little theory. A little code. Something to try.
All articles
CSS & layout
Let the content choose the layout.
Build responsive card grids with intrinsic sizing, then test the awkward widths between your breakpoints.
Accessibility
Quiet colors. Clear interfaces.
A practical approach to accessible color: measure contrast, preserve hierarchy, and test more than the default state.
Interaction
Motion should explain what changed.
Choose timing and easing deliberately, keep content readable, and offer a useful reduced-motion experience.
Interactive 3D
Give your 3D scene a budget.
Treat pixel density, rendering frequency, and fallbacks as design decisions before adding more visual detail.