Writing

What Gives UI Animations Emotion?

4/24/2017

Can simple shapes really have a personality? You’ve probably caught yourself anthropomorphizing — or assigning human traits and motivations to Read full article…

Learning SVG Animation – An Interview with Sarah Drasner

4/13/2017

I interviewed the wonderful Sarah Drasner about her book on SVG Animations for the UI Animation Newsletter. She had so Read full article…

Three Illustrator tricks for better SVG stroke animations

3/3/2017

The way you draw your SVGs can have a big impact on how easy or hard it is to animate Read full article…

Resources for Sound Design in Interfaces

2/17/2017

Pairing animation with sound can enhance both the impact and meaning of an animation. In games, experiments, and interfaces alike, Read full article…

How to read cubic-bezier curves

2/13/2017

The first time I saw a cubic-bezier function in my CSS I dubbed them “number barf”. I saw them as Read full article…

Illustrator’s SVG export settings explained

1/18/2017

I get a lot of questions about Illustrator’s SVG export settings, so I made this short video explaining Illustrator’s settings Read full article…

Web Animation Tutorials Roundup

12/16/2016

With the holidays and the end of the year coming up, you might just find yourself with some spare time Read full article…

Sketching Interface Animations – An Interview with Eva-Lotta Lamm

12/8/2016

I interviewed the wonderful Eva-Lotta Lamm about sketching interface animations for the UI Animation Newsletter. She had so much helpful Read full article…

The first Web Animation Workshops event was a hit!

11/19/2016

Me talking CSS animation. Last week Sarah Drasner and I ran the first workshop in our Web Animation Workshop series. Read full article…

Stories of the Web’s past

11/6/2016

I heard a number of stories about the Web’s past in San Francisco last week and that made me realize Read full article…