82: Sarah Drasner - Animating the Web with CSS and JavaScript

Topics include:Using animation to make interfaces easier to useThe difference between animations and transitionsWhen to use CSS animations vs. JavaScript animationsWhich CSS properties are safe to animateHow to use techniques like FLIP to make sure your animations are performantRecommended libraries for building complex animationsStrategies for keeping animation code maintainableSponsors:Codeship, check out how they performed in Forrester's latest Continuous Integration Tools reportRollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 daysLinks:Sarah's Personal WebsiteSarah on CodePen"SVG Animations", Sarah's book"Functional Animation", Sarah's talk on using animation to create spatial awareness and make interfaces easier to useGreenSock animation library"Animation in Design Systems", Sarah's article at 24 ways"FLIP Your Animations", using the FLIP technique to make animations more performantTransitions in Vue.js"Animating Vue", Sarahs' talk from VueConf 2017Web Animation Workshops with Sarah and Val Head