Lynda – Creating an HTML5 Banner Ad with GreenSock (GSAP)-0daytown

Lynda – Creating an HTML5 Banner Ad with GreenSock (GSAP)

Size: 198MB | Duration: 0h 56m | Video: AVC (.mp4) 1280×720 15fps | Audio: AAC 48KHz 2ch

Genre: eLearning | Level: Intermediate | Language: English

The GreenSock Animation Platform (GSAP) provides a fast, performance-optimized, framework for creating HTML5 animations. Learn to combine JavaScript and GSAP with any of your HTML-based projects, including websites, digital magazines and books, and even mobile apps. In this course, Chris Converse shows how to combine GreenSock with HTML, CSS, and a sprite sheet graphic, to create a complete animated banner ad. He’ll also introduce techniques for combining animations, rearranging elements, and jumping to specific points in the animation for testing. Plus, find out how to streamline your ad by serving just the files you need—reducing the file size and download speed.

Topics include:

* Downloading GSAP
* Creating the ad layout, link, and constraint
* Adding the photos and text
* Animating the artwork
* Setting the ad to fade in on load
* Animating the letters of a headline