Tag Archives: svg

A Visual Guide To ScrollMagic

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

Last week I had the privilege to run the official GreenSock training at Mi9 in Sydney. Here is a quick look behind the scenes.

Have you always wanted to learn GreenSock but didn’t know where to start?

Or you always feel like you don’t have enough time?

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?

What happens when you mix GreenSock, SVG and a match? Find out in the following demo:

How did I setup the SVG for the Google Logo animation? Why did I choose GreenSock and how did I animate the individual parts of the logo?

As you probably know, Google has revealed a new logo last week.

Some people like it, some are criticizing the hell out of it.

But what caught my attention wasn’t the logo itself, it was the creative use of motion design on the page introducing this new logotype.

Finally the wait is over!

The GreenSock Workshop is now available for you to sign up.