[Pluralsight] Enhancing Web UIs with Parallax Scrolling
Enhancing Web UIs with Parallax Scrolling

Enhancing Web UIs with Parallax Scrolling

image description

Course Description

Scrolling effects on the Web are a great way to engage your audience. This course will take you through a variety of parallax scrolling techniques from basic to advanced. Scrolling effects on the Web are a great way to engage your audience. In this course, Enhancing Web UIs with Parallax Scrolling, you'll discover what types of scrolling effects are available for use today by starting simple, and then moving through more advanced techniques. First, you'll learn how to make basic scrolling effects using just CSS. Next, you'll explore the fundamentals and be introduced to JavaScript. Finally, you'll take a look at the GSAP JavaScript library which provides almost endless possibilities for scrolling effects. When you're finished with this course, you'll have a solid foundation for styling the scrolling on your website or application.

What you will learn

Hi everyone. My name is Anthony Harris. Welcome to my course, Enhancing Web UIs with Parallax Scrolling. I am a lead designer at SoCreate. One of the biggest challenges that web designers face is engaging their audience. This course is overview of the current techniques available for parallax scrolling, starting simple and moving into more complex examples. Some of the basic topics we will cover include pure CSS scrolling effects, introducing JavaScript, and using the GSAP JavaScript library. By the end of this course, you'll have a solid foundation for styling scrolling on your website or application. From here, you can let your creativity go wild, exploring these techniques even further. I hope you'll join me on this journey with the Parallax Scrolling, Enhancing Web UIs course, at Pluralsight.

Curriculum

Section 1: Course Overview

Section 2: The Origins of Styling Scroll

Section 3: Simple CSS Techniques

Section 4: Advanced CSS Only Technique

Section 5: Simple JavaScript Technique

Section 6: Using GSAP for Scrolling

Section 7: Review and Inspiration