David Khourshid: Reactive Animations with CSS Variables - JSConf Iceland 2016

CSS variables are here, and they're much more powerful than you think. In this presentation, we will explore the many possibilities with mixing RxJS with CSS variables, including how they can be used to bring your web projects to life with dynamic animations that react to user input. And yes, there will be plenty of demos. UI animations can be an incredible asset to the user experience, especially if they are meaningful and responsive to user input. Native mobile app developers know this all too well, so how can we incorporate similar animations to the web to create an appealing user experience? With the help of RxJS and CSS Variables, we can! In this talk, you will learn about: What reactive animations are How CSS Variables work What Observables are and how they model reactive user input How RxJS + CSS Variables can work together to create performant, reactive animations in your web apps Recreating native mobile interactions for the web Clever tricks and tips, and plenty of demos