Refind
×

Animation

Collection by Marius Bleuer

twitter.com

Humanoid History auf Twitter: "NASA “worm” logotype, 1975

Mar 14th · We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our…
Shared by 7, including Marius Bleuer
twitter.com

Jhey 🔨🐻✨ auf Twitter: "Pure CSS Infinity Slinky ✨ For @BraydonCoyer's @css_art challenge 💪 Works in light and dark mode…

Mar 9th · We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our…
Shared by 6, including Marius Bleuer
CSS-Tricks

Native-Like Animations for Page Transitions on the Web

20+ min read · From 2018 · Some of the most inspiring examples I’ve seen of front end development have involved some sort of page transitions that look slick, like they do in mobile apps. However, even though the imagination…
Reader View · Shared by 134, including Dayyan Smith, Tibor Martini 🇺🇦, Thomas Huhn, Chris Guselle, Victor Tolosa, Chris Coyier, Alligator.io 🐊, Mattia Fregola 🤔, René Stalder, von Moerenburgh, Marius Bleuer, David Hellmann, Niklaus Gerber, Helmi
vuejs
vue
animation
Smashing Magazine 🇺🇦

Understanding Easing Functions For CSS Animations And Transitions — Smashing Magazine

10 min read · 2021-04-27 · Easing functions can change the look and feel of an animation by affecting the rate, or speed, of an animation. In this article, we’re going to take a deep dive into easing functions and see how we…
Reader View · Shared by 12, including Marius Bleuer, David Garner
CSS-Tricks

Accessible Web Animation: The WCAG on Animation Explained

9 min read · 2020-09-22 · It’s true, web animation can be accessible! Sometimes it just takes a little extra effort to make sure that it is. There are strategic things we can do to
Reader View · Shared by 50, including Chris Heilmann, Eric Bailey, Marius Bleuer, Dennis Lembrée, Benoist Lawniczak, Chris Coyier, Easy Chirp, Web Axe, patrick h. lauke (lazarus) #toryScum "Big Dog"
animista.net

Animista

6 min read · From 2017 · 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.
Reader View · Shared by 4444, including Herbert Bay, Nick Floro, Max R. Scheer, Baadier Sydow 🇿🇦, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Mohamed Azazy, Katja Evertz, von Moerenburgh, Natan Souza, Matthias Sala, Jon Thompson, Yoav Ganbar, Sérgio Vieira, Martin Hoffmann, Heydon 🇺🇦, David Dias, Kam, Pascal Birchler, Tibor Martini 🇺🇦, René Clausen Nielsen
css
animation
tools
protopie.io

ProtoPie-Code free prototyping tool

1 min read · From 2016 · Are you still struggling to explain your design to engineers? ProtoPie allows you to quickly build interactive prototypes without any coding!
Shared by 79, including Ruben Feurer, Clemens, Meng To, Stephen C Sanders, Mattia Fregola 🤔, { Monah } 💡, Samuel Hauser, Stefan Weber, Stéphanie Walter, Pizza 🍕, Andreas Storm, Marius Bleuer, Oscar MacDonald
ux
prototyping
prototyping tools
CSS-Tricks

How to Create a Realistic Motion Blur with CSS Transitions

3 min read · 2020-10-14 · Before we delve into making a realistic motion blur in CSS, it’s worth doing a quick dive into what motion blur is, so we can have a better idea of what
Reader View · Shared by 86, including David Hellmann, Simeon.__proto__ - BLM, CSS Weekly, Heydon 🇺🇦, Marius Bleuer, Nils Hitze, una.css 👩🏻‍💻🇺🇦, Chris Coyier
visual design
twitter.com

𝘾𝙝𝙖𝙧𝙡𝙚𝙨 ✌️ auf Twitter: "All of my favourite things about design come together in these 7 seconds. Minimalism. Class. Style.…

2020-09-08 · “All of my favourite things about design come together in these 7 seconds. Minimalism. Class. Style. Delight. Finesse. All perfectly executed with fine attention to detail. Such taste isn't something you can learn. You either have it or you don't. Standing ovation 👉 @A00_032 https://t.co/ve8C2oBOES”
Shared by 3, including Marius Bleuer
Christoph Niemann

Christoph Niemann

From 2020
Shared by 2, including Marius Bleuer
ArchDaily

When Machines Design: Artificial Intelligence and the Future of Aesthetics

5 min read · From 2020 · Discover how artificial intelligence and machine learning are shaping cultural production and design.
Reader View · Shared by 138, including Neil Hart 💙, Martin Ford, Marius Bleuer, Josep M. Ganyet, Nige Willson, Katja Evertz, Bob E. Hayes, Bill Johnston, Iain Brown, PhD, Carla Gentry, Eric Kasyoka, 瑞拿頭
architecture
art
Nielsen Norman Group

Executing UX Animations: Duration and Motion Characteristics

9 min read · From 2020 · Define a trigger, transformations, duration, and easing of the animation, and be mindful of accessibility issues and annoying the user.
Reader View · Shared by 91, including Marius Bleuer, CSS Weekly, Philippe Surber, Jansnet, Victor Tolosa, Val Head, Boris Périsset, Oscar MacDonald, Luca Longo
ux
animation
guide
github.com

airbnb/lottie

From 2020 · Lottie documentation for http://airbnb.io/lottie. Contribute to airbnb/lottie development by creating an account on GitHub.
Shared by 3, including Marius Bleuer
cineshader.com

CineShader

From 2020 · A cinematic real-time shader visualiser brought to you by Lusion
Shared by 19, including Tim Holman, Evan (he/him), Oscar MacDonald, Marius Bleuer
Get smarter every day.
About RefindDeep DivesTopicsHashtagsHelpLegal
PublishersCuratorsCross-promotionSponsors
© 2022 Refind Inc.
Apple App StoreGoogle Play StoreChrome Web Store
×

Get smarter every day

Every day we pick 7 links from around the web for you, tailored to your interests.

Or use Twitter, Facebook, Google


Have an account? Sign in

×

Get smarter every day

Every day we pick 7 links from around the web for you, tailored to your interests.

Or use Twitter, Facebook, Google


Not on Refind yet? Sign up

×

Share Animation

https://refind.com/mbleuer/animation