Developer tools
Switch Docker Compose workspaces with dwork.
Set up two reusable development workspaces, resume existing containers, and open terminals and browser pages in the right order with dwork.
The notebook / 01—06
Thoughts.
Made tangible.
Notes on building for the web.
A little theory. A little code. Something to try.
All articles
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.
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.