The blog
Deep dives, interactive explainers and lessons learned while building for the web.
Design tokens only help if design and code read from the same source. Here's how I set up a pipeline where Figma variables become Tailwind theme values and React props, and what I learned about naming along the way.
The heart at the bottom of every article on this site is a tiny full-stack feature. Here's how it works, from the SQLite table and API route to optimistic updates and batched requests.
Springs make interfaces feel alive. Instead of picking a duration and an easing curve, you describe how something should move, and physics does the rest. Let's build an intuition for stiffness and damping with a live playground.
Data-heavy screens fail when every number shouts at once. A practical guide to hierarchy, tables, filters and progressive disclosure for dashboards that engineers and analysts use all day.
justify-content or align-items? Main axis or cross axis? If you still guess which property to use, this interactive guide will fix that for good.
A logo is the smallest part of a brand. What makes a brand recognizable is the system around it, from type and color to iconography, voice and the way the product itself behaves. Here's how I approach building one that survives contact with real products.
Intervals that never stop, event listeners that pile up, requests that resolve after you've left the page. A hands-on look at effect cleanup and why React Strict Mode runs your effects twice.
Deep cloning without libraries, grouping arrays in one line, human-friendly relative dates. The platform has quietly gained some excellent built-ins. Here are my favourites.
I used to have a graveyard of half-finished side projects. These days I actually ship most of them. Nothing changed about my motivation. I changed how I scope, plan and finish.