This week, David Khourshid and Stephen Shaw make a Bicycle App animation using mostly CSS and some dubious JavaScript. Streamed live on May 31, 2018.

Shownotes:

* Animation Inspiration:
https://dribbble.com/shots/4640269-Bike-Sharing-App-Animation-Renting-and-Data-Dashboard
* Final code: https://codepen.io/shshaw/pen/ZRGBao/


Skip around:
1:14 Showcase
6:46 Animation overview
9:45 Start coding
40:30 Bike Puns!
1:54:50 Keyflections

Additional Resources:

* xstate https://github.com/davidkpiano/xstate
* SplittingImage Hover Gallery https://codepen.io/shshaw/pen/RyOPzb

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
* 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
* Staggering