Animation

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?

Turning simple shapes into complex illustrations using some SVG magic.

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.

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

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…