Creative CSS: Interface Animation For The Web
In this workshop we’ll cover the basics of CSS animations, transitions and transforms; techniques for writing them efficiently; and specifically look at where they can be used to inform UX and create high quality quality animated interactions. Traditional animation theory will be covered and applied to our unique challenges on the web. We’ll breakdown examples and identify what qualities all great transitional UIs have in common. It’s going to be a fun day full of UI animation goodness!
What we’ll cover:
- Timing, offsets, secondary action, and other key animation principles for UI work
- Where and how animation can improve UX
- Animating SVG with CSS
- Performance considerations and progressive enhancement
Who should attend:
This workshop is for front-end developers and web designers who want to add more sophisticated interactions and motion to their work.
What you should know:
What to bring:
A laptop with your favourite text editor and modern browser(s) is all you need.