Animation

Daily curated collection of articles and resources.

jotform.com

How to Use CSS Animations Like a Pro

Create animation magic using keyframes, animation properties like timing, delay, play state, animation-count, iteration count, direction, fill mode and will-change. People seem to be fascinated by construction machines. Watching them is so ...

wordpress.com

Web Animation in 2017

Happy new year! As promised I thought I’d share a few of the Web animation things I’m looking forward to in 2017. I’m terrible at predicting the future (I used to be ...

martijnbrekelmans.com

Flow Technique Deconstruction

When I first saw this animation, I was in awe. Never seen anything like it, beautiful and unique! The original author is Terebus Volodymyr. You can find the original work here. I ...

24ways.org

Animation in Design Systems

Our modern front-end workflow has matured over time to include design systems and component libraries that help us stay organized, improve workflows, and simplify maintenance. These systems, when executed well, ensure proper ...

smashingmagazine.com

GPU Animation: Doing It Right

Most people now know that modern web browsers use the GPU to render parts of web pages, especially ones with animation. For example, a CSS animation using the transform property looks much ...

prototypr.io

Animation: Jump-through

Recently a call for help caught my eye; asking how to implement a fancy ‘getting location’ animation on Android: I immediately thought this was a prime candidate for an AnimatedVectorDrawable (AVD hereafter) ...