After the success of Parallax Scrolling Master Class and Skrollr Workshop, I am very excited to announce that I am about to start to work on a brand new online course.
This time we’ll dive into the world of JavaScript animations with GreenSock in the GreenSock Workshop.
The GreenSock team has released an update to their animation platform and introduced an interesting feature called smoothOrigin.
What does it mean and how it will help you with your SVG animations?
Following up on my previous ScrollMagic tutorial, we’ll add some more content and learn how to animate GreenSock tween and timeline using ScrollMagic, how to control the duration of our pin and much more.
In this ScrollMagic tutorial we’ll build a simple scrolling slideshow with a fullscreen sections.
You’ll learn how to lock elements when they reach a certain point and get familiar with triggerHook, triggerElement, setPin, addIndicators and setClassToggle terms.
There are many ways how you can learn new coding techniques, but the one I prefer is to look at a code, break it, fix it, tweak it and all that right in the browser.
Jan Paepke worked hard over the last few months on a brand new version of ScrollMagic.
The latest ScrollMagic 2.0 brings a lot of new features, changes and updates.
In this post you’ll find out exactly what’s new and what are the new exciting features.
Have you seen the redesigned Squarespace 7 Cover pages landing page? Pretty cool effect, huh?
Now that we’ve created our SVG, lets try to animate it using GreenSock.
In short we will animate Ihatetomatoes logo to look exactly like my YouTube introduction clip.