Lessons: 15Length: 1.9 hours
- Overview
- Transcript
2.3 Coding the Parallax Effect
In this lesson, we finally jump into jQuery and discuss how to make our background scroll at a different rate than our content.
1.Welcome
1.1Introduction01:27
1.1
Introduction
01:27
1.2Parallax Examples05:26
1.2
Parallax Examples
05:26
2.Project 1: Simple Parallax Scrolling
2.1Our First Project06:19
2.1
Our First Project
06:19
2.2Styling the Page10:56
2.2
Styling the Page
10:56
2.3Coding the Parallax Effect12:05
2.3
Coding the Parallax Effect
12:05
3.Project 2: Complex Scrolling
3.1Our Second Project03:25
3.1
Our Second Project
03:25
3.2Adding Images07:13
3.2
Adding Images
07:13
3.3Creating the Navigation05:11
3.3
Creating the Navigation
05:11
3.4Styling the Page in CSS09:55
3.4
Styling the Page in CSS
09:55
3.5Cleaning Up the CSS02:55
3.5
Cleaning Up the CSS
02:55
3.6Positioning the Elements18:38
3.6
Positioning the Elements
18:38
3.7Scrolling the Stars09:12
3.7
Scrolling the Stars
09:12
3.8Scrolling the Images10:01
3.8
Scrolling the Images
10:01
3.9Coding the Links11:19
3.9
Coding the Links
11:19
4.Conclusion
4.1Final Thoughts02:19
4.1
Final Thoughts
02:19
