Export or edit this event...

Creative CSS: Animations, Transitions UX Workshop

ISITE Design
2030 NW Pettygrove Street
Portland, OR 97209, US (map)



Refresh Portland presents... Creative CSS: Animations, Transitions & UX Workshop!

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

  1. Timing, offsets, arcs, and other key animation principles for UI work
  2. Where and how animation can improve UX
  3. Capturing CSS animation events with JavaScript
  4. Animating SVG with CSS
  5. 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!

About Val Head

Val Head is a Designer and Consultant based in Philadelphia. Her work ranges from projects on the web to interactive installations to print. She is the author of The Pocket Guide to CSS Animations, teaches CSS animations on Lynda.com, and hosts the All the Right Moves tutorial screencast.

You can find her on stage speaking at events like An Event Apart and encouraging others to do the same as the co-host of the Ladies In Tech podcast. She’s on the Future Insights advisory board, founded the popular Web Design Day conference, and leads workshops around the world on Animation for the Web and Creative Coding.


Contact [email protected] with any questions about the workshop.

Tickets can be refunded up until 2 weeks before the event. Tickets are always transferrable. Contact [email protected] with any ticket refund or transfer questions.