Web Animations with Matias Niemelä, Rachel Nabors, and Sarah Drasner

Description:

It's totally mind blowing what can be done to enhance the user's experience with animations on the web these days. Let's talk about how some of this is done and what tools are out there to help you with this.

Show sponsors:

• Egghead.io - Bite-sized web development video training
• Frontend Masters - Expert front-end training
• TrackJS - JavaScript Error Monitoring
• SparkPost - Email. We've Got It Down.
• WebStorm - Smart JavaScript IDE
• Trading Technologies - Building For What's Next
• React.js Program - Master the React.js Ecosystem
• Sentry - Cross-platform crash-reporting

Links, Picks, and Tips:

Links

• WebAnimationWeekly.com
• slack.animationatwork.com
• DevTools Challenger
• A List Apart Article on using animation to improve your users’ experience
• Complex timing function proposal

Tips

• Steady FPS over peaks and valleys
• Complete Web Animations API documentation
• Detailed browser support for the Web Animations API at the Edge Platform API catalog--don’t trust caniuse on this beast of an API!

Picks

• My new CSS Animations + Transitions Course
• CSS Conf Argentina
• CSS Dev Conf San Antonio plus CSS + Motion Design workshop
• All Things Open

Links

• My CodePen
• Comparison of Animation Technologies on CSS-Tricks
• Frontend Masters Course
• O’Reilly book coming: SVG Animations
• The First Pull Request and Zero to 60 in Software Development: How to Jumpstart Your Career - talks by Kent C. Dodds

Tips

• Greensock SVG Tips

Picks

• Recreating the Twitter Heart Animation

Links

• Element Animate Polyfill

Tips

• Keep up with the Angular RC releases

Picks

• Angular Connect
• Web unleashed

Tips

• Write a letter to someone

Picks

• React Rally
• My Frontend Masters workshops. Webpack Deep Dive and Writing an Open Source Library
• My Webpack Playlist on Egghead.io (includes my Webpack course)

Picks

• What I learned from analysing 1.65M versions of Node.js modules in NPM
• React.js Program

Picks

• Immutability is not enough
• A Deepdive into Flow

About JavaScript Air:JavaScriptAir is the live broadcast podcast all about JavaScript hosted by egghead.io instructor Kent C. Dodds. Please visit the JavaScript Air website (javascriptair.com) to see upcoming and past episodes. Go to jsair.io/suggest to suggest topics and guests for the show. Go to jsair.io/feedback to provide feedback on this and other episodes. Also be sure to subscribe to our email newsletter at jsair.io/email and follow JavaScript Air on Twitter and Google+ to stay up to date with future episodes. Also, all episodes are on the YouTube channel as well.