Smashing Magazine 🇺🇦 🏳️🌈
Making The Transition From After Effects To CSS Transitions And Keyframes
10 min · · As web developers, we need a good foundation to create animations that are both performant and maintainable, which is paramount to the native web app landscape. In this article find out how to go from… · Shared by 15, including Tableless, DON’T PANIC
medium.com
Creating Usability with Motion: The UX in Motion Manifesto
20+ min · · 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… · Shared by 743, including Hampus Jakobsson, Lluís Codina, Will Hoag 🏔‼️, Brad Brooks, Mohamed Azazy, Melanie Deziel (she/her), Erick Mazer Yamashita, Stammy, Helmi, Mark Kaigwa, Curadoria | Update or Die!, designshard, Damian Madray, Tibor Martini 🇺🇦 @tibor@mastodon.social, Michael Schär, Casey Smith, Stephanie A Kowalski, Mike Taylor, Maarten Mieras, Scott Williams
locomotivemtl.github.io
Locomotive Scroll | Detection of elements in viewport & smooth scrolling with parallax effects.
· Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae officiis quidem minus sint iure magnam cumque maxime rem nisi! Laboriosam similique assumenda nihil quae cum eveniet placeat sit hic… · Shared by 10, including David Hellmann, Mohamed Azazy
designbetter.co
Animation Handbook | DesignBetter by InVision
8 min · · The Animation Handbook will prime you not just to animate but to craft exceptional and more intuitive digital product interfaces for your customers. · Shared by 41, including Boris Périsset, Andreas Bossard, Mike Taylor, Niklaus Gerber, Marius Bleuer
Codrops
How to Create and Animate Rotated Overlays
3 min · · A tutorial on how to create and animate a rotated overlay, or "reveal" element for interesting page transition effects. · Shared by 22