Motion · Intermediate
Motion that means something
An interface motion study focused on clarity, rhythm and response. Learn to give transitions a purpose, tune their easing and provide a complete experience for people who prefer less movement.
Written by Akis Apostoliadis for Skillfolio · 3 written lessons · Self-paced
Checking purchase availability…
Course price: $49 USD, plus applicable tax. One payment for this course. Compare all-course package prices: $29/month or $299 lifetime.
What you’ll make
A small interaction library with responsive transitions and a reduced-motion alternative.
Before you begin
Basic HTML and CSS, including selectors and transforms.
Who it’s for
Interface makers adding purposeful CSS motion to existing controls.
- Easing
- Interaction states
- Reduced motion
The complete curriculum
Preview the first lesson free. Purchase unlocks the remaining lessons, project and downloads.
Give every movement a reason
Specify the information that a transition adds and connect it to a clear state change.
22 min read · 45 min practice · Free preview
Shape the rhythm with easing
Compare easing curves under controlled conditions and choose a response that fits the event.
21 min read · 45 min practice · Included with purchase
Make motion optional
Provide a complete reduced-motion experience and test interruption as a normal interaction.
21 min read · 60 min practice · Included with purchase
See the work
Meaning before movement. Completed instructor specimen using fictional teaching material; not a learner result.This course works towards: A small interaction library with responsive transitions and a reduced-motion alternative.
Explore completed teaching examples and the decisions behind them. These are instructor-authored examples, not learner testimonials.
What’s included
- Original written lessons, worked examples and guided practice.
- A course project, review criteria and reference responses.
- Downloadable course materials for purchased lessons.
Explore the course before committing. Start with the free lesson, or compare other courses.