Demystifying Parallax: Learn to Create Interactive Web Pages with JavaScript | Rich Armstrong | Skillshare

Demystifying Parallax: Learn to Create Interactive Web Pages with JavaScript Staff Pick

Rich Armstrong, Product Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
15 Lessons (2h 53m)
    • 1. Why You Should Take This Class

      0:59
    • 2. Parallax Explained

      1:48
    • 3. How This Class Is Going To Work

      2:45
    • 4. Inputs And Outputs

      0:52
    • 5. Capturing Mouse Movement

      18:15
    • 6. Connecting Mouse Movement To An Output

      19:55
    • 7. Creating The Parallax Effect

      13:24
    • 8. Making It More Realistic

      20:08
    • 9. Plan Like An Amateur

      5:38
    • 10. Capturing Scroll Position

      12:50
    • 11. Unique Input Values For Each Element

      15:19
    • 12. Using Mouse And Scroll Position

      3:49
    • 13. Other People's Code

      1:39
    • 14. Putting It All Together

      54:10
    • 15. What's Next?

      1:01
27 students are watching this class

Project Description

Make a Pen on CodePen using some of the parallax techniques you've learned about in the class.
Post an image and the URL to your Pen, or website!

You can download all the leafy-assets here, or make use of this URL for images:
https://s3-us-west-2.amazonaws.com/s.cdpn.io/1158400/parallax-asset-X.png. Just replace the X at the end with a number from 1 until 91.

Student Projects

5 comments