Writing
Notes on interface craft, motion, and the details that make software feel right.
Why your shadows look fake
Most CSS shadows are dark blurry rectangles. Real shadows have layers, direction, and falloff.
Your animation is layout thrashing and you don't know it
Not all CSS properties are equal. Some animations run on the GPU at 60fps with zero layout cost. Others force the browser to recalculate the entire page every single frame.
Your pixel-perfect UI is lying to you
Why mathematically centered elements look off-center to the human eye, and the sub-pixel corrections that separate polished interfaces from amateur ones.
Easing curves are a design language
You wouldn't pick a typeface at random. So why are you using ease-in-out for every animation?
Wordle 45-Minutes Challenge
Building the full Wordle game in React under time pressure, and what happens when you stop overthinking architecture.
Dynamic viewports with iframes
How to make an iframe behave like a real browser preview, not a cropped screenshot.