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
From the course: Scrollytelling: Creating a One-Page Web Experience
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.