Tag Archives: parallax

What’s Inside Of The Upcoming ScrollMagic Workshop?

Are you curious what will you learn inside of the upcoming ScrollMagic Workshop?

Check out the video below where I reveal one of the projects that we will build from start to finish.

Are you struggling to get your head around the ScrollMagic API? Do you find it hard to learn from the official ScrollMagic documentation?

Have you ever wanted to pin a section and be in full control of the animation inside?

Today we’ll create a template with two pinned sections and simple timeline for both of them.

When you are creating a site with fullscreen background images, you will need to consider adding a preloading screen at some point.

Even if you optimize the images the best you can, downloading them might take a time and your visitors might get frustrated.

In this third template we are introducing GreenSock and a parallax effect on the background images.

Have you tried to use ScrollMagic to trigger some CSS and JS animations, but was it over your head?

Don’t worry, you are not alone.

When you browse through some of the award winning websites, you might be wondering how did they build it?

Are they using GreenSock, Velocity or Pixi.js? Are they using CSS or JavaScript animations, jQuery or vanilla JavaScript?

Do you prefer to watch videos instead of following written tutorials?

Check out my latest uploads on the Ihatetomatoes YouTube channel.