Building upon the Payment Picker from part one, David Khourshid and Stephen Shaw deep dive into dynamic dragging reactive animations.
Part 2 of 2. Check out Part 1: https://youtu.be/XWL60VQeR4o
- ⏰ Streamed live on July 9, 2018 at https://twitch.tv/keyframers
- 💡 Inspiration: https://dribbble.com/shots/4788422-ApplePay-Redesigned
Part 1:
- 📺 Video: https://youtu.be/XWL60VQeR4o
- 💻 Code: https://cdpn.io/pen/OwLeJJ
Part 2:
- 📺 Video: https://youtu.be/_rKtTIJJaJY
- 💻 Final Code: https://cdpn.io/pen/wxwLva/
Like what we're doing? There are many ways you can support @keyframers so we can keep live coding awesome animations!
- 👍 Like & Subscribe on YouTube youtube.com.keyframers
- 🐦 Follow & Tweet us at twitter.com/keyframers.
- 🚨 Join the live streams & Subscribe on Twitch http://twitch.tv/keyframers
- 🤗 Support us on Patreon at https://patreon.com/keyframers
Topics covered:
- CSS Variables
- HammerJS
- RxJS
- data attributes
- Simple state machines
- transitions