As an award winning developer and freelancer I've worked on many creative projects over the years and motion has been an important tool to make websites more clear, interactive and fun!
In this course we'll use modern CSS techniques like View Transitions and Scroll Driven Animations (with fallbacks) to enhance a boilerplate project.
What attendees will learn
- How to look for inspiration for your animations
- How to create a motion strategy
- How to create engaging animations that fit the vibe of your project
- How to implement motion on websites
- How to turn flat designs into rich experiences with CSS (and a bit of JS in some cases)
- How to implement modern CSS techniques like scroll-driven animations and view transitions
- How to deal with accessibility for motion
Requirements
You will need:
- A laptop with a code editor
- A basic understanding of HTML, CSS and JavaScript
You will be provided:
- A vanilla boilerplate project to work on
Target audience
Developers and design engineers who want to know more about animating on the web.