Topic: Animation

Turning simple shapes into complex illustrations using some SVG magic. More

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

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!… More

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 movements overlapping and converging. I… More

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 and decided to write… More

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

Strategies for sharing HTML, CSS and JavaScript patterns between seemingly disparate projects or platforms. More

Here’s a neat little solution to a problem I encountered in my quest to use more animation in my interface design work. I was prototyping a sliding view transition between nested levels of navigation: All menu items animating… More