Motion design is a necessary skill for anyone working on the web today. Everyone from UX practitioners to front-end developers needs an appreciation for what motion can add to their work. This workshop will give you the skills you need to design and build meaningful and sophisticated animations for the web.
We’ll focus on showing you how to create animation that has both purpose and style. We’ll cover the basics of CSS animations, transitions and transforms; examine where and how animation can be used to improve user experience; and learn how to apply key animation principles to our design choices.
Who should attend:
This half-day 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 will be helpful to take full advantage of the workshop, but experience with CSS animations is not required.
What to bring:
A laptop with your favorite modern browser(s) and a free CodePen account.
What You'll Learn:
- Where and how animation can improve UX
- How to use CSS transforms, transitions, and animations effectively
- Key animation principles for UI work