Scrollytelling: Creating a One-Page Web Experience

Learn how to create a compelling one-page web experience using “scrollytelling”, a technique in which you unfold your story interactively as the viewer scrolls down the page.

Introduction

• Scrollytelling for the web
• What you should know
• Using the exercise files

1. Why Scrollytelling?

• What is scrollytelling?
• Why scrollytelling is great
• Alternatives to scrollytelling

2. Technology

• Components of scrollytelling
• Technology options

3. From Idea to Scrollytelling Masterpiece

• HTML and CSS basics
• Scrollama setup
• Triggering events
• Test before you go too far
• Affecting other objects
• Making scrollytelling more dynamic
• Affecting things in any way you want
• Beyond triggering: Progressive dynamic actions
• Clean it up

Conclusion

• Next steps