Copy
The UI Animation Newsletter
vol 18.40 • Oct 26, 2018 • Twitter / Subscribe / Archives 

Happy Friday! I just finished up two talks at the Design Up conference today. It’s been a day full of some great UI animation chats here in Bangalore.

This week’s issue features a couple of neat SVG tricks, cute animals, and some nice motion graphics work. It’s a nice collection of things to end your week with.

Until next week,

- Val

p.s. Replies go straight to my email and I read them all. I’d love to hear about what you’re working on.

 

UI ANIMATION OF THE WEEK

Robin Delaporte portfolio site

I don't think I will ever tire of WebGL liquid distortion effects. Dragging to control the page transitions makes them more interesting too.

INSPIRATION

Seals animation
A cute group of seals popping up to say ”hi” by Claudia.

wOoQingdao Fest Ident
A bright and poppy motion graphics piece by Flatwhite Motion. 

Hexagon
A colourful hexagon by Misha Tsankashvili that you could totally stare at for hours.

LEARNING

Quick Tip: Slice SVG Text in a Pattern
A handy demo from Craig Roblewsky that shows you how to slice or shatter SVG text by making it a pattern element.

 

Border radius morphing
Believe it or not this is made with borders, not SVG.

 

Bars
Some fancy looking CSS progress bars made with SVG patterns by Lucagez.

 

Flocking behavior
Flocking behavior is so fascinating to watch.This tutorial walks you through how to create some neat flocking behavior with JavaScript.

UPCOMING EVENTS:

Only two more conferences left on my schedule for this year. 2018 has gone so fast! If you’re at one of these too, come say hi! 

Awwwards NYC
Nov 15 - 16, 2018

An Event Apart San Francisco
Dec 10 - 12, 2018

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

Copyright © 2018


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