BROADCASTS.com

b'

Micro-interactions are small animations that delight our users and they are changing the way we design and build our applications. Micro-interactions have many benefits like enhancing perceived performance, indicating state change, and drawing users\\u2019 attention to something on the page. Today we\\u2019ll dive into micro-interactions and the animation libraries you can use to build them.

Show Notes

02:25 - What are micro-interactions?\\n05:48 - Why are they important?\\n10:55 - How do we build one?\\n29:07 - Animation libraries\\n33:16 - Shoutouts

Resources

\\n
• CSS Animation Libraries
\\n
• Eli Fitch\\u2019s Perceived Performance
\\n
• UI Movement
\\n
• Bad UI
\\n
• Ladybug Performance
\\n
• Scott Tolinski React Spring Course
\\n
• Sarah Drasner
\\n
• Hover.css
\\n
• Greensock
\\n
• React Spring
\\n
• Framer Motion
\\n
• Anime.js
\\n
• Velocity
\\n
• Three.js
\\n
• Mo.js
\\n
• Humble PI
\\n
• Bon Appetit Test Kitchen
\\n

Transcript

Here is the transcript for this week\'s episode.