Animation

Animated GIFs remain popular in spite of their beefy file sizes. But what are we supposed to use instead?

Fading adjacent menu items on hover is simpler than you might think.

Responsive design sprints are a significantly better way to design and build for today's web than the traditional web design process. We provide the receipts. Unfortunately, not every organization can adopt this responsive design sprints. Why is that and what can be done about it?

Using JavaScript, SVGs, and CSS to procedurally generate unique solar systems.

Micro-interactions are small, singular interactions that serve one purpose: communicate meaningful feedback to users in a positive and welcoming way. People like to constantly know what’s going to happen when an action is performed and…

Lately I've been using variables to plan out pure CSS timelines for complex animations. I built an SVG and CSS Rube Goldberg machine to put this technique to the test!

Movement in nature doesn’t happen all at once. Imagine a flock of birds taking off, raindrops splashing on the ground, or trees bending in the wind. The magic of these moments comes from many small…

If you’ve ever tried to use a CSS transition on an element with the hidden attribute or display: none;, you know this can be a challenge. I’ve run into this problem a number of times…

How I avoided relearning software (and gained some superpowers) by exporting my SVG and GSAP animations to bitmap sprites.