Animation

After Effects
5 Great 2D Character Rigging Tutorials for After Effects — Motion Array
5 Great 2D Character Rigging Tutorials for After Effects — Motion Array
Character animation is one of the trickiest techniques in After Effects. It’s become a very popular technique for all sorts of animations, especially things like explainer videos and shorts. But creating great character animation starts with great character rigging, and this is something that takes a little work.
CSS
CSS Animations — W3Schools
CSS Animations — W3Schools
CSS allows animation of HTML elements without using JavaScript or Flash!
The Animation Property — CSS Tricks
The Animation Property — CSS Tricks
The animation property in CSS can be used to animate many other CSS properties such as color, background-color, height, or width. Each animation needs to be defined with the @keyframes at-rule which is then called with the animation property.
Lottie
Lottie
Lottie
Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.
What is a Lottie? — LottieFiles
What is a Lottie? — LottieFiles
A Lottie is a JSON-based animation file format that enables designers to ship animations on any platform as easily as shipping static assets. They are small files that work on any device and can scale up or down without pixelation.
Microinteractions
Creating Usability with Motion: The UX in Motion Manifesto
Creating Usability with Motion: The UX in Motion Manifesto
The following manifesto represents my answer to the question - "As a UX or UI, designer, how do I know when and where to implement motion to support usability?"
How Microinteractions Improve Your UX Design
How Microinteractions Improve Your UX Design
Microinteractions play a large role in our digital lives, even if we don’t always notice them. From the time your phone’s alarm wakes you in the morning to liking your friends’ posts on Facebook to the notifications about new emails and Instagram messages—we encounter microinteractions all day.
SVG
A Guide to SVG Animations (SMIL) — CSS Tricks
A Guide to SVG Animations (SMIL) — CSS Tricks
SVG graphics can be animated using animation elements. A lot of very impressive effects can be created, especially ones involving morphing and transforming shapes. The sky’s the limit.