There are a bunch of JavaScript animation libraries out there, and you might have wondered whether there’s a performance cost compared to traditional CSS transitions and keyframe animations. In this b

The new Animation Timeline API allows us to create dynamic scroll animations without any JavaScript! It’s honestly a very lovely API, and in this blog post, we’ll explore some of the super cool things

Have you ever heard of Disney’s 12 Basic Principles of Animation? In this tutorial, we’ll explore how we can use the very first principle to create SVG micro-interactions that feel way more natural an

There is a lil’ UI detail on this blog. Most people don’t even notice it, but the ones who do often reach out, asking how on earth it works. It feels like it defies the rules of CSS! In this blog post

In game development, it’s common to use spritesheets for animation, but this technique isn’t as widely used on the web. Which is a shame, because we can do some pretty cool stuff with sprites! In this

CSS Subgrid lets nested elements align to parent grids, enabling powerful new layouts previously impossible.

CSS's linear() function enables physics-based animations natively, but has quirks. This post shares tips for using it effectively.

@starting-style enables CSS transitions for enter animations, a capability previously only possible with keyframes, but its practical value is questionable.

Browsers have limitations when animating colors through the rainbow. This tutorial explores the issue and shares workarounds for cycling background colors in CSS.

Learn how SVG paths work through this tutorial that demystifies the powerful but complex <path> element and its compact syntax.