Technology
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’ attention to something on the page. Today we’ll dive into micro-interactions and the animation libraries you can use to build them.
Show Notes02:25 - What are micro-interactions? 05:48 - Why are they important? 10:55 - How do we build one? 29:07 - Animation libraries 33:16 - Shoutouts
Resources- CSS Animation Libraries
- Eli Fitch’s Perceived Performance
- UI Movement
- Bad UI
- Ladybug Performance
- Scott Tolinski React Spring Course
- Sarah Drasner
- Hover.css
- Greensock
- React Spring
- Framer Motion
- Anime.js
- Velocity
- Three.js
- Mo.js
- Humble PI
- Bon Appetit Test Kitchen
Here is the transcript for this week's episode.
More Episodes
Outliers
2020-05-27
2020-05-27
Networking
2020-05-25
2020-05-25
Building Developer Communities
2020-05-18
2020-05-18
Level up with JavaScript
2020-05-11
2020-05-11
Advice to our Past Selves
2020-05-04
2020-05-04
Web Developer Learning Path
2020-04-06
2020-04-06
Learning How to Learn
2020-03-30
2020-03-30
Indie Hacking
2020-03-23
2020-03-23
What's on Our Computers?
2020-03-16
2020-03-16
Behavioral Interviews
2020-03-09
2020-03-09
Engineering Management
2020-03-02
2020-03-02
Invisible Women
2020-02-26
2020-02-26
Frontend Interviews
2020-02-24
2020-02-24
Building a Resume
2020-02-17
2020-02-17
Game Development
2020-02-10
2020-02-10
Data Structures and Algorithms
2020-02-03
2020-02-03
Book Club: Atomic Habits
2020-01-29
2020-01-29
Personal Branding
2020-01-27
2020-01-27
Design for Developers
2020-01-20
2020-01-20
20 Tips for Developers in 2020
2020-01-13
2020-01-13
Get this podcast on your
phone, FREE
