Yelp Facebook LinkedIn YouTube Twitter Instagram

Noble Blog

Articles on: Web Animation

Why Learn the GreenSock Animation Platform (GSAP)?

The GreenSock Animation Platform (GSAP) is a popular set of JavaScript tools for building animations on the web. Anything you see in your web browser can be animated with GSAP. Whether you want to build elegant UI animations or dynamic effects in web apps, games, and interactive stories; GSAP is up to the task.

How does it work? You simply write short snippets of JavaScript code that define how elements should animate and what the timing should be. The benefit of animating with code is that one line of code can animate one thing just as easily as it can animate 1,000 things. With code-driven animation it’s surprisingly easy to randomize your animations and have them respond to user interaction.

GSAP delivers the flexibility and control that professionals need but it’s also easy for beginners to learn, especially with Noble Desktop’s HTML5 Web Animation with GreenSock class. You’ll be amazed at what you can do once you master just a few of the basics. Here are some of the main reasons to learn GSAP:

Web Design Web Development Web Animation

Video Tutorial: Web Animation Techniques

How do we animate in this day and age of HTML5? Should you use animated GIFs, CSS, or JavaScript? Animation is coming back to the web in a big way, and the trend is to make things move. You can even add animations to emails. Learn about creating animations with CSS, JavaScript (GreenSock), Photoshop, and After Effects in this free class!

View the Presentation Slides
Download Demo Files & PDF Exercise

LEARN GREENSOCK:
Videos + Book Training:
Class (attend in New York City or Live Online)
Book (eBook or Print)
-----------------------
LEARN ADOBE AFTER EFFECTS:
Classes (attend in New York City or Live Online)
Books (eBook or Print)
-----------------------
LEARN ANIMATED GIFS:
Class (attend in New York City or Live Online):
Book (eBook or Print)

Web Design Web Animation Adobe Photoshop After Effects

Video Tutorial: Intro to After Effects

Learn to start using Adobe After Effects to create motion graphics/animation video in this free tutorial.

LEARN MORE:
After Effects Classes (attend in New York City or Live Online)
After Effects Books (eBook or Print)

Web Animation Adobe After Effects

Video Tutorial: Intro to HTML5 Animation with GreenSock (GSAP)

Want to animate your webpages or create rich HTML5 banner ads? Learn how the GreenSock Animation Platform can breathe new life into websites, mobile apps, games, or online marketing.

View the Presentation Slides & Files.
Learn more in our HTML5 Animation with GreenSock Class or Workbook.

 

Web Design Web Development Web Animation