As frontend developers and designers we’ve never had to understand animation principles like we do now. Smart and sophisticated animation comes from thinking like a motion designer when adding animation and transitions to our web work. There is a wealth of existing of motion design knowledge we can put into practice while we design new UIs of the web!

In this session we will cover key animation principles like timing, offsets, secondary action, and others as they apply to web animation. Consider this your crash course into becoming a motion design pro!

We’re used to hearing about and involving ourselves in methodologies like “Mobile First” when we write CSS, and more specifically, Media Queries. While these methodologies help to keep our CSS consistent, sometimes we get so obsessed with following our pre-defined tracks that what we’re really trying to accomplish becomes muddled. So how can we write media queries that are both consistent and succinct?

About Chris

Chris is a Front-End Developer at City University London with a ravenous appetite for CSS, sated only by lean, mean, cascading… stylesheets. He tweets at@iamchrisburnell.