UI Animation Newsletter 19.04 - Bob Ross floss 🎨 CSS animation tutorial 📓 Interactive 3D particles ✨

vol 19.04 • Jan 25, 2019 • Twitter / Subscribe / Archives

This week’s issue features some animations with serious personality and a good bit of 3D (and 3D-ish) animation. There’s also a nice beginner level CSS animation tutorial if you’re just digging into the fun world of CSS animation.

I got a little mixed up on the dates for An Event Apart Seattle in the last issue. It’s really on March 4-6, not February. So close, yet so far. I’ve got the right dates listed below now though. 😀

Until next week,

- Val

p.s. Replies go straight to my email, and I read them all. Tell me about what you’re planning to learn in 2019.

UI ANIMATION OF THE WEEK

Everest Agency #dzy

There’s some smooth 3D mutli-directional scrolling on this one. The custom cursor is more subtle than most, and the ripple transition on the photos is a nice touch. For a little more on how it was made, see this Tweet.

INSPIRATION

Bob Ross floss
It’s hard to watch this Pen and not smile. It’s a fun one from Steve Gardner.

Loop + code
A collection of mostly black and white looping 3D animations by Matt Deslauriers.

Head for the hills
A very lively email signup form by Adam Kuhn where your email literally runs away from you.

Voice Interface
An interesting combination of Voice UI and lots of depth from Gleb Kuznetsov.

LEARNING

A simple CSS animation tutorial
A detailed look at CSS animation right from the beginning with lots of diagrams.

How to use animated icons made with Lottie
A step-by-step tutorial on how to export animations out of After Effects for use with Lottie.

Interactive particles with Three.js
An intermediate-is tutorial on how to draw a whole lot of particles in Three.js and make them interactive.

Octahedron twist
Some CSS-only twisting 3D from Ana Tudor.

CSS only morphing blob
A fun proof of concept of getting a morphing feel with just CSS transforms by Monica Dinculescu.

UPCOMING EVENTS:

I’ll be at these events in the next few months. If you’re there too, come say hi!

An Event Apart Seattle
March 4-6, 2019

From Business to Buttons
Stockholm, May 3, 2019

An Event Apart Boston
May 6-8, 2019

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