Animations suck for performance, right? Well, there’s ways to get around that and make use of that GPU power to to make animations totally jank-free! Isn’t that awesome? We can do that by only animating filter, transform, and opacity. That way we don’t have to repaint, and our animations will be flying! And, inspired by Tobias Ahlin at the Fronteers Spring Event 2016, we will have a look at how to implement that using pseudo elements.
Karma Cola — http://karmacola.co.uk
Tobias Ahlin — http://tobiasahlin.com
Tobias Ahlin on Animation & perceived performance — https://fronteers.nl/congres/2016-spring/sessions/animation-and-perceived-performance-by-tobias-ahlin
Google Dev on Rendering Performance — https://developers.google.com/web/fundamentals/performance/rendering/
====
Find us on Twitter:
Flurin — http://www.twitter.com/flurin
Adrian — http://www.twitter.com/adrianegger
====
Like if you like! Leave us a comment & tell us what you thought of this episode! We love to hear from you if you have suggestions for topics. Or perhaps you just want to tell us how wrong we were about speedy animations (or what those little bars in the timeline mean).
====
Thanks a boatload:
Digitpaint — http://www.digitpaint.nl
for allowing us to film in their office.
Esveldt Photo — http://www.esveldtphoto.com/
for filming and editing this episode.
====
Fonts:
Amsi Pro — https://www.myfonts.com/fonts/stawix/...
Aleo — http://www.fontfabric.com/aleo-free-f...
