Moving Things Without Moving Them
Understand CSS transforms and why they're the foundation of performant animations. Learn translate, rotate, scale, the order trap that catches everyone, and how to think in 3D.
Blogs
All the topics I've covered. I write about React, Next.js, TypeScript, databases, AI/ML, cloud deployment, performance optimization, and system design.
Training Your Eye for Motion
Why taste is the skill that separates good interfaces from great ones. Learn how to develop your intuition for animation, study the work of others, and build the judgment that AI can't replace.
When to Animate and When to Skip
Not every interaction needs motion. Learn how frequency, duration, and context determine whether animation helps or hurts your interface. The difference between delight and frustration.
The Psychology of Motion in UI
Discover why some animations feel natural while others feel off. Explore the brain's wiring for movement, the uncanny valley of UI, and when animation becomes harmful.
Virtualized Lists in React
Learn how virtualized lists work in React, why they are important for performance, and how to build a simple virtualized list from scratch
Static Site Generation in Next.js
Master SSG and SSR in Next.js with practical examples. Learn when to use each rendering method and see the performance differences in action