Scribd
Upload
624 views

Greensock and Scrollmagic Toolkit

This document provides an overview and resources for getting started with the GreenSock animation library, including cheat sheets, tutorials, videos, website case studies, and examples of sites using GreenSock. Sections include links to introductory articles and videos, tutorials on tools like TimelineLite, additional video tutorials and case studies analyzing professional sites, and a showcase of sample GreenSock-powered sites.

Uploaded by

Ion Caldare
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
624 views

Greensock and Scrollmagic Toolkit

This document provides an overview and resources for getting started with the GreenSock animation library, including cheat sheets, tutorials, videos, website case studies, and examples of sites using GreenSock. Sections include links to introductory articles and videos, tutorials on tools like TimelineLite, additional video tutorials and case studies analyzing professional sites, and a showcase of sample GreenSock-powered sites.

Uploaded by

Ion Caldare
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

GreenSock

Toolkit
The ultimate guide
to getting started
with GreenSock

Presented by

1
2

GreenSock Cheat Sheet

https://ihatetomatoes.net/greensock-cheat-sheet/

GreenSock Tools
GreenSock SublimeText Snippets
http://greensock.com/forums/topic/11071-sublimetext-snippets/
GreenSock Snier - Google Chrome Extension
https://chrome.google.com/webstore/detail/gsap-snier/ohjmhldioopcachmenfnhlbgmkaohgbb?hl=en

GreenSock Tutorials - Articles


Simple GreenSock Tutorial Your rst steps with GSAP
https://ihatetomatoes.net/simple-greensock-tutorial-your-rst-steps-with-gsap/
GreenSock TimelineLite Tutorial
https://ihatetomatoes.net/greensock-timelinelite-tutorial/
Jump Start: GSAP JS
http://greensock.com/jump-start-js

GreenSock Videos
Getting Started With GreenSock by GreenSock
http://greensock.com/get-started-js
GreenSock 101 - Free Online Course
https://ihatetomatoes.net/greensock-101/
How To Create A Simple Image Slideshow
https://www.youtube.com/watch?v=RK111V5HyAc
How the GSAP BezierPlugin works?
https://www.youtube.com/watch?v=Rgy85e4zr4A
Create an Interactive Splat Animation in SVG by Chris Gannon
https://www.youtube.com/watch?v=O6dc-sJm0Ho

GreenSock Website Deconstructions


TrumpDonald.org - JavaScript Animation Deconstructed
https://www.youtube.com/watch?v=FwggOB0VxbQ
Waaark.com - Website Deconstruction
https://www.youtube.com/watch?v=KIDw-ewNaC8
Jetlag - Pixi.js and GSAP Page Transitions Deconstructed
https://www.youtube.com/watch?v=0mbt7xV7CAE

GreenSock Showcase
Spare Time Calculator
http://sparetime.arkivert.no/en
Locus Solus
http://www.locus-solus.it/en
Feedmusic
http://feedmusic.com/

Created with by Petr Tichy, happy tweening!

www.ihatetomatoes.net

ScrollMagic
Toolkit
The ultimate guide
to getting started
with ScrollMagic

Presented by

1
2

ScrollMagic Cheat Sheet

https://ihatetomatoes.net/scrollmagic-cheat-sheet/

ScrollMagic Tutorials - Articles


Simple ScrollMagic Tutorial
https://ihatetomatoes.net/simple-scrollmagic-tutorial/
ScrollMagic Tutorial Fullscreen Slideshow
https://ihatetomatoes.net/scrollmagic-tutorial-fullscreen-slideshow/
5 Days With ScrollMagic - 5 templates ready to download and use
https://ihatetomatoes.net/5-days-with-scrollmagic/

ScrollMagic Videos
A Visual Guide To ScrollMagic
https://ihatetomatoes.net/visual-guide-scrollmagic/
ScrollMagic101 - Free Online Course
https://ihatetomatoes.net/scrollmagic-101/
How to trigger ScrollMagic Scene for multiple elements
https://www.youtube.com/watch?v=c85GjM7vy5A
Whats new in the latest update of ScrollMagic?
https://www.youtube.com/watch?v=Uo92zwauuDA
Web Animation Trends 2016
https://www.youtube.com/watch?v=7sZQGgvRjM0

ScrollMagic Website Deconstructions

ScrollMagic Showcase

Railsware.com - ScrollMagic deconstruction


https://www.youtube.com/watch?v=oN4CuZmjd-M

Dac Davy NGUYEN Portfolio


http://dacdavynguyen.com/
Phive Health & Fitness Clubs
http://phive.pt/en/
Sonikpass
https://sonikpass.com/
Deadwater
http://www.deadwater.fr/
Details
http://www.details.ch/
Exoskills
http://www.exo-skills.com/
Oxford House
http://www.exo-skills.com/Exoskills

Created with by Petr Tichy, happy tweening!

www.ihatetomatoes.net

You might also like