Motion · Intermediate
Scroll with a story to tell
A web narrative that reveals ideas as the reader moves down the page. Write the content sequence, map scroll progress into transitions and preserve both interruption and a complete static reading experience.
Written by Akis Apostoliadis for Skillfolio · 4 written lessons · Self-paced
Checking purchase availability…
Course price: $59 USD, plus applicable tax. One payment for this course. Compare all-course package prices: $29/month or $299 lifetime.
What you’ll make
A three-chapter narrative with measured progress, clear transitions and no dependency on motion for meaning.
Before you begin
Semantic HTML, CSS layout and basic JavaScript events.
Who it’s for
Designers and developers who already build responsive pages.
- Scroll narrative
- Choreography
- Progress mapping
- Reduced motion
The complete curriculum
Preview the first lesson free. Purchase unlocks the remaining lessons, project and downloads.
Write the page before animating it
Write a complete narrative that remains useful before scroll effects are added.
17 min read · 45 min practice · Free preview
Map a local interval into progress
Map a documented local scroll interval to a bounded progress value.
18 min read · 45 min practice · Included with purchase
Stage the transition around attention
Stage one visual transition around the reader’s attention and preserve text stability.
17 min read · 45 min practice · Included with purchase
Let the reader interrupt
Support reverse scrolling, direct navigation and reduced motion without losing the narrative.
17 min read · 60 min practice · Included with purchase
See the work
A library that grows back. Completed instructor specimen using fictional teaching material; not a learner result.This course works towards: A three-chapter narrative with measured progress, clear transitions and no dependency on motion for meaning.
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.