Primary Navigation

Site Search

Main Content

Émile.js - a JavaScript animation framework in 50 lines of code

About the Talk

Ever wondered what it takes to write an internationally notorious visual effects library? Now's your chance to find out. There's no need to feel like you're constrained by what's already out there. Learn how to build your own custom micro-framework for CSS animation from nothing, zilch, scratch.

In this code-intense talk, we'll start with the real-world fundamentals of animation: timing, frames per second, easing functions and transitions. Next, you'll learn about the best (and most efficient) ways to read & write CSS properties to create the changes you want to see. Finally, rounding it out, we'll cover the details that make your animation code a framework: structure, callback, timers, and optimizations.

You'll leave this talk leveled-up, no longer hitched to pre-existing solutions. You'll be able to write your own, or tweak the ones you use to suit.