Ariya Hidayat: CSS Animation with GPU

The Thanksgiving/November Web Performance Meetup is hosted at Instart Logic’s Palo Alto office on Thursday, November 17th, 2016 at 6:30PM. Doors open at 6:00PM. Food and drinks will be provided by our sponsor Instart Logic (thank you!).

Please only RSVP if you are fairly confident you will be attending, and change your status to "No" if you realize you can no longer attend.

About this talk:

CSS Animation with GPU

A common advice to have a smooth CSS animation is to follow the best practice of using a restrictive set of CSS properties. In this talk, we will dive a bit deeper to understand how our favorite browser's rendering engine utilizes the graphics processing unit (GPU) to perform CSS animation, what we shall do to have the GPU compositing as efficient as possible, and some tools to help debugging and understanding any potential issues. Finally, we will apply what we learn to build a buttery smooth 3-D Cover Flow clone with the power of CSS and JavaScript.

Learn how to make animations like this one perform well:

https://ariya.io/images/2014/06/coverflow.gif

About the speaker:

Ariya Hidayat (https://ariya.io/about) is the author of Esprima and PhantomJS. These days, he focuses mostly on software craftsmanship with HTML5, JavaScript, and other web technologies. Ariya is currently running the engineering team at Shape Security.

Agenda:

18:00 :: Check-in & Mingle
18:30 :: Announcements and Introductions
18:45 :: Presentation
19:45 :: Questions and Answer & Open Form
20:00 :: Networking & Discussion

Location:

Instart Logic
450 Lambert Avenue
Palo Alto CA 94306

Caltrain: California Ave stop.

Sponsor:

Instart Logic (http://instartlogic.com/solutions): Endpoint-aware application delivery solution that improves applications with an intelligent architecture optimizing and securing website elements based on a user’s device, browser, and network conditions.