Copy
The UI Animation Newsletter
vol 19.25 • July 5, 2019 • Twitter / Subscribe / Archives 

Happy Friday! I’m keeping this week’s issue short and sweet since it’s a long weekend around here. We’ve got an extra dose of inspiration in this issue, as well as a helpful read on staggering animations with CSS, and a great talk on creating generative art too.

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.

 

 

UI ANIMATION OF THE WEEK

Learning Synths

This is a really fun site to that teaches the basics of synths. It uses both realistic and abstract animations very effectively to help demonstrate the concepts in interactive ways.

INSPIRATION

Pipes with zdog and GSAP
A fun 3D animation of pipes using zdog and GSAP that goes aon and on in the best kind of way.

File upload animation

Upload play and pause animation
A Dribbble shot brought to life in code by Aaron Iker. The Dribbble version was in the newsletter a while back but it’s great to see a coded version of it too.

Three.js galaxy
Mesmerizing floating rings of galaxy views made with Three.js.

Animate theatrical cat mask

The cat god
An animated Chinese theatrical mask by Chen Xin.

A cute moon you can drag around

Moonlight strummin'
A happy interactive animation and a very cute moon made with GSAP Draggable and more by Adam Kuhn.

LEARNING

Different approaches to creating staggered animations
A collection of various different ways to create staggered CSS animations. There’s an interesting method with custom properties in the list, and none of them use JavaScript. 

 

Generative machines talk
A video of Matt DesLauriers’ talk at FITC on algorithms and the building blocks for creating generative art. If you’re looking for more on how to make your own generative art, I really enjoyed his related Front End Masters class as well. 

 

UPCOMING EVENTS:

I’m super excited about these upcoming events. If you’ll be at one of these too, come say hi!

An Event Apart DC
July 29-31

Clarity
San Francisco, Aug 20-21

An Event Apart Chicago
Aug 26-28

Smashing Conf
Freiburg, Sept 9-10

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.