How to Play and Pause CSS Animations with CSS Custom Properties | CSS-Tricks
LottieFiles - Free animation files built for Lottie
Importance of Functional Animation in UX - Qode Interactive
The importance of animation and motion in user experience is something that can no longer be denied. Animation has come a long way since it made its first baby steps. It used to be all about fun. Animation was used to make someone laugh, smile or simply wonder. It was merely meant to delight and entertain.
GitHub Open Source Collection of Animated Micro-Interactions
Cuberto . is a UI/UX and development studio based in San Francisco, CA. I might be a little late in the game but they have shared an inspiring and interesting collection of 'open source' of animated micro-interactions for your mobile app design. Trust me, these are great! It's a combination of transitions combining small animations but also more 'complexed' results where you will have many actions like 'dragging a value' with a flair, 'revising the UI shadow' merged with an intuitive interaction on 'tap'. I took the liberty to share them on ABDZ alongside with their direct link to the GitHub source file for your reference. Give it a look!
Everything you need to know about Loading Animations
With a huge variate of excellent iOS apps, macOS tools, and well-crafted websites, people have a certain quality bar. By default, users expect a fast reaction from the digital products they’re working with.
What Disney’s Classic Animation Principles Could Teach Web Designers
Disney’s 12 principles of animation are as relevant for today’s interface designers as they were for yesterday’s dancing-broom illustrators.
CSS3 Loading Animation
Nice loading animations
A beginner's guide to designing interface animations | Creative Bloq
Motion design is a necessary skill for the modern web. With web animation thriving, everyone from UX designers to front-end developers needs an appreciation for what motion can add to their work.
CSS animations on demand
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?”
Keyframe animation for UI with navigation
When I saw the below demo I thought "neat, how'd they do that"? That may sound surprising if you knew that I wrote the API for this. In this article I'll describe how three orthogonal features, generic navigation, event triggers and keyframe tracks come together to produce this pleasing animation.