Parallax Scrolling Master Class

Parallax Scrolling Master Class - Buy it here.

Special Pre Launch Giveaway Winner
Congratulations to Jimmy and thanks to everyone else who entered.

Get my free Skrollr tips and save heaps of time!

The data-attribute tip, will save you hours if not days or weeks of figuring out. PLUS you'll get the first 2 videos from the popular Parallax Scrolling Master Class!

Enter your email below and I’ll send it right to your inbox!

100% Privacy. Guaranteed! Powered by ConvertKit

Get An Access To The Class

You can finally join all my email subscribers who had a priority exclusive access to this course for a few days now. Read the reviews before you purchase or ask any questions in the comments below.

Get it now

The Class Overview

Have you ever thought about building a parallax scrolling website, but didn’t know how or where to start?

Have you ever been told by your boss or client to animate a few elements and backgrounds but weren’t sure which jQuery plugin to use?

Did you wanted to be in full control of your scrolling animations and precisely set the right timing and transitions?

This is one of the first structured online classes teaching you how to build a parallax scrolling website from start to finish.

The Main Focus

The whole course is focused on understanding the general techniques used. By the end of it you will be able to build something on your own, rather than trying to copy an already existing structure/examples.

Who is this course for?

  • designers and developers with a working knowledge of HTML and CSS
  • designers and developers with little or no JavaScript experience
  • curious front-end developers trying to boost their skill set
  • designers trying to design for parallax websites or build their own

This course will only cover Skrollr.js and its data attributes, but the principles can be also applied when using other scrolling animation libraries.

What will you learn?

  • Skrollr data attributes explained in simple step by step demos.
  • A variety of transitions and effects.
  • How to “pause” a scrolling element.
  • What your options are when it comes to making it responsive.
  • Which positioning technique is the easiest to use.

How will you learn?

  • Through a series of blog posts with 7-15min short videos.
  • Step by step easy to follow tutorials.
  • Code examples taken apart.
  • Download and explore all source files.

Who will teach you in this course?

Petr Tichy

Petr Tichy is the creator of many parallax scrolling websites such as Merry Christmallax and Happy 25th Birthday Game Boy. Petr is the author of many popular tutorials for front-end developers and designers.

The parallax scrolling is still a very hot trend in the web design industry, yet there is so little good quality educational material online on this topic. I want to help people to get started and leverage this hot trend on their own projects.
– Petr Tichy

Questions or feedback

Do you have any questions regarding this Parallax Scrolling Master Class online course? Let me know in the comments below or complete this survey.

86 thoughts on “Parallax Scrolling Master Class

  1. Chris Allen

    I am also interested in your parallax class. Will it be a one-time thing or multiple classes?

    Reply
    1. Petr Tichy Post author

      Hi Chris, thanks for your interest. Initially this will be a single class consisting of multiple chapters.

      I will be adding more classes in the future, feel free to have your say on which topics you would like to learn more about.

      Reply
  2. david mchale

    Agreed, there are not many good tutorials on the subject. Just code snippets added and not properly explained. Signed up and looking forward to this!

    Reply
  3. Petr

    Can’t wait for this one! Petr you do great job for us the front-end devs who want to up skill our knowledge!! We’ll done, I’m big fan of all you tuts!!

    Reply
  4. Paul

    I’d be interested in seeing examples of how to include additional hooks and js functionality via the skrollr render call – particularly if there were examples showing how to put multiple conditionals and function calls into it. Looking forward to the class!

    Reply
    1. Petr Tichy Post author

      Hi Paul, thanks for you interest. This class won’t be going much into js details. It’s more for a people without any or little javascript knowledge. If you have a js experience I would suggest you use ScrollMagic.

      Reply
  5. justin christensen

    Will it cover combined responsive techniques and parallax as to help create a responsive parallax experience? Can’t wait to learn more!

    Reply
  6. Gary

    After seeing the update #2, I am actually really excited for this class. I am an aspiring front end web developer and would love to learn to how to create these simple sudden yet awesome effects.

    Reply
  7. Eeshan

    All your other parallax blog posts have been amazing. Especially the responsive parallax site. I’ve noticed most parallax sites are not responsive so that blog post really gives me the leg up!

    Reply
  8. Pat Chartrand

    Hello Petr

    Would you be willing to help out a bunch of 3D coders for a fairly simple mandate?

    thank you

    Reply
  9. Danelle Cook

    Very interested in this. I’ve attempted parallax before but haven’t found tutorials to be helpful.

    Reply
  10. Joe Aquilina

    Is there any other way of registering an entry for your Parallax Scrolling Master Class than following you on Twitter? I don’t use Twitter and have no real desire to do so at present. Another option would be great for me as I am very interested in the class. Thanks.

    Reply
    1. Petr Tichy Post author

      Hi Joe, leaving a comment is another option and will actually give you 3 entries!

      Only comments answering the following questions will count – Tell me which other blog post on my blog was the most useful to you and why?

      Good luck.

      Reply
  11. Xeeone

    I’m interested in these courses, and the tutorials ‘parallax-scroll-effect (part 1/2)’ were the most useful to me. Because I’m creating a website which has feature to add parallax sections in my posts, pages and everywhere and your tutorials are very efficient and clean I think. Further more, the comments and explanation are so kind and detailed. And ‘simple-responsive-parallax-website’ tutorial is also my favorite!

    Reply
  12. Matt

    I’m looking forward for this masterclass. And the most useful post for me was creating parallax with navigation ☺

    Reply
  13. Yossi

    You have great well explained tutorials! I’m looking forward for the Parallax Scrolling Master Class.
    thanks!

    Reply
  14. David van Zyl

    Hey Petr,

    Thanks for creating these incredible resources for Parallax scrolling websites.

    I’m starting on a project that’s rather big for a lone developer/designer such as myself and I’m going the parallax route.
    The Christmas demo along with the responsive tutorial at http://ihatetomatoes.net/make-parallax-website-responsive/ is what forms the basis of my knowledge so far.

    I’m hoping I’ll be considered for the masterclass (keeping fingers crossed).

    Reply
    1. Petr Tichy Post author

      Thanks David, great to know that some of the tutorials were useful to you. I’ve learned so much more about Skrollr just by doing this class, I am sure you will learn a lot too. Good luck!

      Reply
  15. Luis Cardenas

    I’m really interested on all your courses, dear Petr, your explanations are awesome! Thanks for your contents, best!

    Reply
  16. sleeman

    Really most of your post were useful to me , thanks for all the hard work you do , all the best Peter !

    Reply
  17. Vick Tantravahi

    Signed up! Looking forward to learn and make great websites with this knowledge. Please make it the best you can.
    Great work Petr !!

    Reply
  18. Brett Inman

    I need to progress from the standard landing pages i’m creating & WOW my boss with a new Parallax page. I need that pay rise!

    Thanks for creating these incredible resources & master classes.

    Reply
  19. Naveen

    Petr, I have been following your articles and they have been very useful. Would like to explore more with your help

    Reply
  20. Akash Deep Singhal

    I had been thinking of learning parallax for last 2 years but there were some problems including ‘No appropriate video tutorials were there on internet’ , ‘Its awesomeness used to scare the shit out of me’ . Finally I landed on Petr’s tutorials on ihatetomatoes.net and almost all the doubts are cleared. I am confident making some basic parallax pages. Still I want to get the command so I would really love to be in Petr’s parallax-scrolling-master-class.

    #JustCantWait #parallax

    Reply
  21. Sean Weas

    Really really excited for this one – you produce some phenomenal work!

    Can’t wait to learn from the best – thanks man!

    Reply
  22. Mohit Natani

    As we know parallax effect is a need of hour & learning it with an expert like you is like dream come true.
    Thank you

    Reply
  23. Wes Craig

    I was recently given the opportunity to expand my skill set at my current job. I’m getting into web design now and I was tasked with building a website. I chose to use a theme based on a pre-made framework. Parallax was a big part of the design. I would really like to learn to use parallax effectively and efficiently without relying on pre-existing structures.

    Reply
  24. Miles

    This class looks like it could be a very helpful resource as I am getting into some of the newer web trends, and would really like to incorporate parallax into my development. (and actually have an idea what I am doing). So far I’ve been real impressed with the blog, loads of helpful stuff. Thanks!

    Reply
  25. Vince

    Your work looks amazing and is truly inspiring. Can’t wait to learn more and improve on my current skills. Sign me up please and thank you for sharing your knowledge!

    Reply
  26. Zul

    I am a beginner level web designer and when I first saw this effect on some site, I was blown away and I wondered how its done. I’ll be eagerly waiting for this tutorial! 😀

    Reply
  27. Alex

    I’m a beginner front end developer starting my first role. I’d love the chance to show off some of these skills and be confident with them!

    Reply
  28. Kobus

    This is going to be an awesome course! Just recently started with coding HTML5, CSS, and jQuery, and really enjoying it. I love the parallax scrolling effect, and saw it the first time on the SoundCloud Mobile Android App. Can’t wait. 🙂

    Reply
  29. Mirco

    Hey Petr,
    all your parallax-tutorials are great, thanks a lot! I´m having some kind of trouble with skrollr on mobile (background-size:cover), and i´m excied about solutions in your masterclass.
    Thanks a lot and keep on supporting, pleeeeeeaaaase!

    Reply
  30. Mary

    Hi Petr,

    I am doing an online project at the moment for college and it would be nice to see what you can do with parallax scrolling. Would appreciate the free class 🙂 Love your work, Mary

    Reply
  31. Daffa Alif Pratama

    The amount of parallax course on the web is relatively small than other web programming course. Even if there is,they don’t teach it as comprehensive as you by using Skrollr and other advanced stuff. Great course, Petr!

    I’m just 13 and really interested in web design and programming. It all starts when I saw this parallax effect everywhere. Parallax really made me thrilled to go learn coding. Even before you announce this course!

    And as you know, I’m just a kid with almost no income except from parents. Would appreciate the free course 🙂 Thanks.

    Reply
  32. Marshall Clark

    I am interested in the Parallax Scrolling Master Class.
    What is it going to cost me?
    Is there a dead line for the completed projects
    or can I take my time?

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.