Smooth Operators
CSS transitions interpolate between UI states so changes feel intentional. Learn the four transition properties, why to avoid 'all', when transitions beat keyframes, and how to keep hover effects off touch devices.
Blogs
All the topics I've covered. I write about React, Next.js, TypeScript, databases, AI/ML, cloud deployment, performance optimization, and system design.
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.
Offloading Motion to the GPU
Fix janky CSS animations by understanding the rendering pipeline. Learn which properties trigger GPU acceleration, why transform beats width, and when to choose CSS over JavaScript.
The Physics Behind Natural Motion
Move beyond duration-based animations. Learn how spring physics creates motion that responds, adapts, and feels genuinely natural. The secret behind iOS's fluid interactions.
Easing Curves That Feel Natural
Master easing curves to make your animations feel natural. Learn why linear is almost always wrong, how cubic-bezier works, and which easing to use for different interactions.
Contact Form with Resend
Learn how to build a contact form with seamless email delivery using Resend email API in your Next.js application. Perfect for portfolio sites
Scroll Indicator with Framer Motion
Learn how to create a dynamic horizontal scroll percentage indicator using React and Framer Motion for a more interactive portfolio website