Interface Animation For The Web

This is a full day workshop. On May 20th at The Iron Yard HQ.


Presented by Val Head

Motion design is a necessary skill for anyone working on the web today. The future of UX on the web includes animation and to keep up we need to embrace the power of web animation. This workshop will give you the motion design skills you need to design and build meaningful and sophisticated animation into your work. You’ll gain expert knowledge of the current web animation landscape and how animation fits into your design process.

We’ll examine where animation can be used to support UX and create high quality interactions. CSS, SVG, and JavaScript-based animation techniques will be covered, along with the pros, cons and support levels of each. Real-world examples will be broken down to demonstrate the qualities well executed animated interfaces have in common. It’s going to be a fun and knowledge-packed day of web animation goodness!

You’ll learn all this through hands-on exercises and demos. All sample code from the workshop is yours to keep to use in your own work and projects.

What you’ll learn:

Who should attend:

This workshop is for front-end developers and web designers who want to gain motion design skills and add more sophisticated interactions 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 modern browser(s) and a free CodePen account is all you need.


Presented by:

UnmatchedStyle UnmatchedStyle The Iron Yard IronYard