Workshop “Web Animation with CSS and HTML5” by Rachel Nabors

Implement your wildest dreams

To build the user interfaces of the future, today’s front end developers need to master animation - in theory and in code. Join award-winning cartoonist and CSS nerd Rachel Nabors for an in-browser cartooning session. Learn how to use CSS3 animations, JavaScript event listeners, and HTML5 audio sprites to build fun animations that pull users in. Rediscover the secrets animation studios employ to complete the "illusion of life." Walk away with the skills to implement your wildest dreams!

What you'll learn

  • Comprehensive knowledge of CSS animations and transitions
  • JavaScript event listeners for CSS animations and transitions
  • HTML5 audio and spriting techniques
  • Using spriting and cutouts to reduce resources in complex animations
  • Timing with CSS delays and JavaScript
  • Parallax gotchas and implementation
  • Spotting performance bottlenecks with Chrome Dev Tools


This workshop is best suited to people who use CSS and HTML on a daily basis (you should understand the box model) and have some familiarity with JavaScript (you should know what an event listener is).


All you need to bring is your favorite laptop, preferably with Chrome installed.

About Rachel

Rachel Nabors is an interaction developer, award-winning cartoonist, and host of the Infinite Canvas Screencast. She deftly blends the art of traditional storytelling with digital media to “tell better stories through code” at her interaction studio, Tin Magpie. You can catch her as @rachelnabors on Twitter and at rachelnabors.com.


Buy tickets, you will be sent to Paydro

Fronteers members, see newsletter from 25 April for how to get the discount. Only people who were a member on or before the 8th of April 2014 are eligible for the discount.

We only have a few workshop tickets (without conference) left, grab them before they're gone.


Name Company Twitter
Andrey Gordeev Badoo
Cristian Badeu SC ISDC Romania SRL
Darius Kruythoff Hectius
Evert Slagter 1020concepts @evertslagter
Iggy Van Lith JouwWeb @iggyvanlith
Jeroen Kleuters Broad Sight
Joost Paalvast QDelft
Maria Louisa Groenewegen Tam Tam
Maurice den Engelsman S5 MERKwaardige Specialisten @Maurice_S5
Moritz Stoltenburg ZEIT ONLINE @mstoltenburg
Michal Zielinski Grupa Allegro Sp. z o.o. @zielun
Paula Norris Incuna Ltd @thepandalion
Pieter Beekman Voetbal International
Roman Granovsky Badoo
Rowdy Rabouw double-R webdevelopment @rowdyrabouw
Sandra van Zanten XCESS
Stas Ignatenkov Badoo
Thomas Gunadi QDelft
Theis Hasselgaard PreferIt Consulting AB @the_hassel