Rendering Performance Case Studies (G+, Flickr And More)

Screenshot 2013-11-16 at 19.15.10

Miss my workshop at Velocity Europe? The slides are now up!. These days our users expect smooth scrolling, buttery smooth animations and interactions, especially on mobile. We need to start caring about not just how quickly our sites load but also how fast they run and are painted to the screen.

In my workshop, I walk through how the browser turns the DOM into pixels on the screen, a workflow for finding and fixing rendering bottlenecks and real-world case studies of Flickr, Pinterest, Google+, Twitter Bootstrap and a number of other sites.

I hope you find them useful!. Continue Reading →



Slides: Automating Front-end Workflow

Screenshot 2013-11-16 at 19.09.39

Writing a modern web app these days can sometimes feel like a tedious process; frameworks, boilerplates, abstractions, dependency management, build processes..the list of requirements for a front-end workflow appears to grow each year.

What if however, you could automate a lot of this? In my keynote from FOWA this year, I introduce you to a new workflow of tools to keep you productive on the front-end.
Continue Reading →