Send us a message

On 09 June 2014…

Refresh Portland is proud to host Val Head!

Start thinking of CSS in a whole new light using animations, transitions, and transforms. Plus, learn how to make great UI animations while you’re at it!

In this workshop we’ll cover the basics of CSS animations, transitions and transforms; techniques for writing them efficiently; combining them with JavaScript and SVG; and specifically look at where motion can be used effectively in our work — both as classy details and as useful UI animations. It’s going to be a fun day full of web animation!

What We’ll Cover

Timing, offsets, arcs, and other key animation principles for UI work

Where and how animation can improve UX

Capturing CSS animation events with JavaScript

Animating SVG with CSS

Performance considerations and progressive enhancement

Who Should Attend

This workshop is for web designers and developers who want to add more sophisticated interactions and motion to their work.

What You Should Know

Experience with HTML and CSS is needed to take full advantage of the workshop’s content. Some familiarity with JavaScript or jQuery is helpful, but not required.

What to Bring

A laptop with your favourite text editor and modern browser(s) is all you need.

What to Expect

A full day of learning! Snacks and lunch are provided and ISITE’s guest wifi is plentiful and fast!