From the course: Scrollytelling: Creating a One-Page Web Experience

Unlock the full course today

Join today to access over 24,400 courses taught by industry experts.

Components of scrollytelling

Components of scrollytelling

- [Instructor] For this course, I'm focusing on browser-based scrollytelling, FYI. So the specifics may vary for app-based experiences, but what's your typical browser-based technology that we can activate for scrollytelling? You have HTML, which contains content and structure that's displayed on a webpage. There's CSS, which provides styling information for that content. And there's JavaScript, which enables interactivity and dynamic action. Remember what we said about scrollytelling. It's scrollable, takes up more space in the viewable area of whatever device you're on. It has measurable and detectable positioning of objects that change with scrolling. And it has triggers that occur as things scroll past certain thresholds. We can think of it this way. HTML contains our content, whatever that is, text images, videos, animated interactive bits, anything, that's what we scroll to consume. The CSS styles that content…

Contents