Refresh Portland .:. Our Next Event

Creative CSS: Animations, Transitions, & UX

Join us on 09 June 2014

Tickets are on sale now *clickclicky*!

A color headshot of Val Head.

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

  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.

Follow Val on Twitter.

Workshop Tickets

Join us on 09 June 2014 from 9:30a to 5:00p.

Join us after the workshop for a short walk to a local establishment food & libation, sponsored by nGen Works!

The Venue, ISITE Design

ISITE Design is our home for the foreseeable future and we’re very happy to be there. ISITE is located at 2030 NW Pettygrove St, Portland, OR 97209.

Come on in the front door and go straight back to the conference room on the left.