Parallax Scrolling Master Class
Learn how to create parallax scrolling website using Skrollr.js.
| Module 1 | Overview |
| Unit 1 | Introduction |
| Unit 2 | The Anatomy of HTML and CSS |
| Module 2 | Skrollr basics |
| Unit 1 | Starting with Skrollr.js |
| Unit 2 | Skrollr data attributes 101 |
| Unit 3 | Simple Background Animation |
| Unit 4 | Absolute vs Relative |
| Unit 5 | Absolute vs Relative 2 |
| Module 3 | Advanced animations |
| Unit 1 | Mastering Timing |
| Unit 2 | Mastering Timing 2 |
| Unit 3 | Mastering Timing Exercise |
| Unit 4 | Pausing an Element |
| Unit 5 | Swapping Background Images |
| Unit 6 | Using Percentage Values |
| Unit 7 | Using Percentage Values Exercise |
| Module 4 | Responsive and Mobile |
| Unit 1 | Making It Responsive |
| Unit 2 | Turning Skrollr Off For Mobile |
| Module 5 | Putting it all together |
| Unit 1 | Amir vs Floyd - Round 2 |
| Unit 2 | Amir vs Floyd Exercise |
| Unit 3 | Final Words |
| Module 6 | Q&A |
| Unit 1 | Your Questions Answered - PSM |