Smashing Magazine 🇺🇦 🏳️🌈
Creating Accessible UI Animations — Smashing Magazine
10 min · · Animation and accessibility are often seen as two separate powers at odds with one another. How is it possible to strike a balance between elements that move and the possible negative effects they… · Shared by 151, including Marius Bleuer
Codrops
UI Interactions & Animations Roundup #37
1 min · · Explore fresh animations and interactive designs made by talented designers.
UX Collective
Transition animations: a practical guide
20+ min · · Principles that can be used immediately by anyone in their design process. · Shared by 141
MIT Media Lab
Lunch Lectures: Computational Typography
4 min · · Join the Future Sketches group on Fridays from 12 – 1pm ET for the Lunch Lectures Fall 2023 edition about Computational Typography
tendril.ca
Projects Archive | Tendril Design & Animation
· Collaborating closely with the team at Hublot, Tendril created a launch film and visual asset library for the Big Bang Integral Time Only collection.
rsci.app.link
How to get started with motion design in 8 minutes
· Interpolation is the most important concept required to learn and excel in UI motion design.
createwithflow.com
A new class of motion design for mobile.
2 min · · Go beyond prototyping - Flow lets you animate designs and export development ready code · Shared by 44, including Boris Périsset, tcherno, Fabricio Teixeira, mitimiti, Thomas Spreng, Oscar MacDonald
UX Collective
How to make ultra-smooth animations in Figma Motion plugin
20+ min · · And how to share them with the community and developers · Shared by 19, including Curadoria | Update or Die!
Prototypr 👁️✨
#kinetictypography with ThreeJS
10 min · · Hallo Leute! Today we will do some interesting stuff with ThreeJS and typography — we will make Kinetic Typography. · Shared by 9
emilkowalski.github.io
CSSeffectsSnipets.
· Shared by 54, including Joe Lencioni, Stephen C Sanders, 6clicks | John Robert-Nicoud, Niklaus Gerber, Marius Bleuer, Mattia Fregola 🤔, henrik
animista.net
Animista
6 min · · Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use. · Shared by 4503, including Herbert Bay, Nick Floro, Max R. Scheer, Kam, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Yoav Ganbar (🥑 Builder.io/Qwik), Katja Evertz, von Moerenburgh, Sérgio Vieira, Matthias Sala, Jon Thompson, Natan Souza, Mohamed Azazy, Martin Hoffmann, front-end.social/@heydon, David Dias, Baadier Sydow 🇿🇦, Pascal Birchler, Tibor Martini 🇺🇦 @tibor@mastodon.social, René Clausen Nielsen
medium.com
Smooth as Butter: Achieving 60 FPS Animations with CSS3 — OutSystems Experts — Medium
6 min · · Animating elements in your mobile applications is easy. · Shared by 92, including Joe Lencioni, Tibor Martini 🇺🇦 @tibor@mastodon.social, Niklaus Gerber, Rodrigo Noales, Gerardo Segura, Marc Hinse, Thomas Eichmann, @benp sur mastodon.social, Sérgio Vieira, Matt, Helmi, Ivan Degtyarenko
CSS-Tricks
Tips for Writing Animation Code Efficiently
10 min · · I’ve been coding web animations and helping others do the same for years now. However, I have yet to see a concise list of tips focused on how to · Shared by 113, including Arturo Rebolledo, Val Head, Chris Coyier
A List Apart
Integrating Animation into a Design System
11+ min · · Like color and typography, a cohesive animation system can help express a product’s personality and make the interface feel connected and whole. To achieve that, animation should be established hol… · Shared by 157, including Victor Tolosa, Florian Hanke 🍎, Gabriele, blinch, Abdelsalam Smadi, Davo ⚡, von Moerenburgh, Mohamed Azazy, Sachin Gawas, Lluís Codina, Matt, Bryan Onel, Courtney Bolton ★