Hostingheaderbarlogoj
Join InMotion Hosting for $3.49/mo & get a year on Tuts+ FREE (worth $180). Start today.

Parallax Examples

The best way to explain parallax scrolling is by showing examples of it. In this video, we’ll discuss the basics of parallax and then jump online to view a few websites that implement this functionality really well.

1.Welcome
2 lessons, 06:53

Free Preview
1.1
Introduction
01:27

Free Preview
1.2
Parallax Examples
05:26

2.Project 1: Simple Parallax Scrolling
3 lessons, 29:20

2.1
Our First Project
06:19

2.2
Styling the Page
10:56

2.3
Coding the Parallax Effect
12:05

3.Project 2: Complex Scrolling
9 lessons, 1:17:49

3.1
Our Second Project
03:25

3.2
Adding Images
07:13

3.3
Creating the Navigation
05:11

3.4
Styling the Page in CSS
09:55

3.5
Cleaning Up the CSS
02:55

3.6
Positioning the Elements
18:38

3.7
Scrolling the Stars
09:12

3.8
Scrolling the Images
10:01

3.9
Coding the Links
11:19

4.Conclusion
1 lesson, 02:19

4.1
Final Thoughts
02:19


Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.
+ Expand Bio- Collapse Bio