Making Scroll Animations on Syfy.com Not Suck

April 19, 2015By Mike Herchel

Earlier this year, Lullabot launched the new Syfy.com. I was fortunate to be the lead front-end developer on the project. The new Syfy design called for some very complex animations that were directly bound to the scroll event. So, on every scroll, animations would progress a certain amount.

One of the most difficult challenges was to make these interactions performant on slower computers. To do this, I had to dive deep into how browsers render pixels on screen, and then use this knowledge to optimize the HTML, JavaScript, and CSS to make it performant as possible.

I spoke on this topic at Florida Drupalcamp 2015, and I also gave an abbreviated version of the talk, a week later, at Orlando Barcamp 2015.

https://speakerdeck.com/mherchel/making-syfy-dot-coms-scroll-interactions-not-suck

Thanks for reading. Notice an error or have something to contribute? Submit a Pull Request!