https://miguelbatalha.com/blog/ Notes on interface design, motion, and the details that make interfaces hold up. https://miguelbatalha.com/blog/motion-foundations/ https://miguelbatalha.com/blog/motion-foundations/ Fri, 25 Sep 2026 00:00:00 GMT Why the one rule of web animation works, a 3D coin and orbit that stay on the cheap path, and the one place I break it on purpose. https://miguelbatalha.com/blog/springs-and-gestures/ https://miguelbatalha.com/blog/springs-and-gestures/ Fri, 25 Sep 2026 00:00:00 GMT What a spring gives you that a duration can't: a carousel that keeps your fling, a meter that reacts, and a dialog that resizes to fit. https://miguelbatalha.com/blog/layout-animations/ https://miguelbatalha.com/blog/layout-animations/ Fri, 25 Sep 2026 00:00:00 GMT How layout and layoutId animations work, what they cost, and the details that make a tab bar, a reorder and a card-to-dialog feel continuous. https://miguelbatalha.com/blog/designing-for-the-pointer/ https://miguelbatalha.com/blog/designing-for-the-pointer/ Fri, 25 Sep 2026 00:00:00 GMT Cursor-driven effects from someone who works on an aim trainer, and what each one does when there's no cursor at all. https://miguelbatalha.com/blog/css-gradients/ https://miguelbatalha.com/blog/css-gradients/ Fri, 25 Sep 2026 00:00:00 GMT Colour-space interpolation, animated borders with @property, and layered backgrounds, with demos that show the difference. https://miguelbatalha.com/blog/the-boring-components/ https://miguelbatalha.com/blog/the-boring-components/ Fri, 25 Sep 2026 00:00:00 GMT Buttons, inputs, switches, tabs, toasts and icons: the parts that ship in every feature, and the details that make them hold up.