The UI Animation Newsletter
vol 19.42 • November 8, 2019 • Twitter / Subscribe / Archives 

Happy Friday! I just got back from spending the week in LA for Adobe MAX. I got to co-host the UX Leaders Summit and did two talks on UX animation while I was there. I also got to meet a few newsletter subscribers in person which is always a highlight!

This week’s issue has three type animation related links, a nicely animated agency site example, a behind the scenes look at a three.js web project, and some very fun animated faces.

Until next week, 

- Val

p.s. Replies go straight to my email, and I read them all. Reply and let me know what you’d most like to learn about UI animation.



Born and Bred Brand

An agency site with some neat animated text effects and masking on scroll and hover. The full screen navigation comes in and out of view with a nice stagger effect as well.


Funny animated faces
I can’t get enough of these clever and cute looping gifs by Lucas Zanotto.

Watch shop exploration
A creative take on the checkout process with lots of depth and 3D-ish effects by Anton Skvortsov.

OK animated type
A really cool 3D type effect done with CSS by Adam Kuhn.

The trick to animating the dot on the letter i
A very interesting and fun look at how you can use different characters to animate the dot of an ”i” while also keeping accessibility in mind. (Check the comments for even more tips on accessibility for this one.)


Behind the scenes of We Cargo
The folks from EPIC wrote about how they made the We Cargo conference site while making Three.js, shaders, and DOM elements all work together.


Multiline animated underline
If you’ve ever wanted to animate an underline on multiple lines of text, Cassie put this Pen together to show how it can be done.

Creative WebGL images transitions
A breakdown of how to make some very cool looking image transition effects with WebGL and shaders from the folks at Codrops.



Just one conference left for me to wrap up this year! If you’ll be there too, come say hi!

An Event Apart SF
Dec 9-11


Support the UI Animation Newsletter: 
Submit a link for a future issue  or  Share it with a friend

Copyright © 2019

You can update your preferences or unsubscribe from this list here.