Writing
Writing
Notes on design & engineering.
2024 — 2026
Writing
(4)
design
design·
The Button State Machine
A deep dive into button micro-interactions — hover, press, loading, success, and error states — and why each one matters.
design
design·
Details That Make Interfaces Feel Better
Twelve small CSS and design details — text wrapping, font smoothing, concentric radius, shadows, and more — that collectively make interfaces feel polished.
typescript
typescript·
TypeScript & React Best Practices
A collection of practical patterns to write cleaner, safer TypeScript and React code — with before/after examples.
animation
animation·
Getting Started with GSAP
A practical intro to GSAP animations — from basic tweens to scroll-triggered effects.