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 |