One Page Love Logo
  • Published: July 9, 2014
  • Category: Resources
SkrollMagic Workshop
Learn how to build interactive storytelling One Pagers with the excellent SkrollMagic Workshop.

Learn how to add flare to your One Pager with the Parallax Scrolling Master Class

psm-bannerThere is no question “Parallax Scrolling” is a popular trend in website design and especially one page website design.

We have featured over 700 Parallax Scrolling One Page Websites.

In December 2013 we interviewed Petr Tichy who created the unique and impressive Parallax Scrolling Merry Chistmallax one page website.

Petr, has now just launched a premium course “Parallax Scrolling Master Class” for $67 that teaches us how to build a parallax scrolling one page website from start to finish using Skrollr.js .

Is the course worth $67?

Yes, there is lot of free information out there BUT I’ve dived in and can guarantee you there is not a more comprehensive tutorial than this.

This comprehensive online course will teach you in a series of simple step-by-step demos:

  • how to setup your HTML and CSS,
  • how the data-attributes work,
  • how to be in control of your animations,
  • how to make it responsive and mobile optimised,
  • and much more.

You’ll get almost 3hrs of video tutorials accompanied with downloadable demo files so you can follow every step along the way. Not to mention all your unanswered questions can be answered at the end by Petr himself.

Sign Up now and get 20% off!

Sign Up to the Parallax Scrolling Master Class and use “ONEPAGELOVE” on checkout and get 20% off this course for a limited time only.

Confused? So what exactly is Parallax Scrolling?

In simple terms, Parallax Scrolling is the effect caused when a layer in a website moves at a different speed to another, normally activated as you scroll down but sometimes activated as you hover your cursor.

Wikipedia says:

Parallax is a displacement or difference in the apparent position of an object viewed along two different lines of sight, and is measured by the angle or semi-angle of inclination between those two lines. The term is derived from the Greek παράλλαξις (parallaxis), meaning “alteration”. Nearby objects have a larger parallax than more distant objects when observed from different positions, so parallax can be used to determine distances.