Recent Blog Posts



SEARCH
Sort By:
Popular
New

WAAPI-Powered GSAP? Unlikely.

Can GSAP be built on top of the Web Animations API (WAAPI)? Probably not. Here's why.

|
|
views
5380
comments
0
|

The "Why" Behind the GreenSock License

Why doesn't GreenSock use a more common open source license like MIT? Find out here.

|
|
views
33766
comments
3
|

Banner ads: the kilobyte conundrum

HTML5 has unique strengths that allow us to move beyond the simplistic "aggregate total file size" mentality of yesteryear. We need to look at kilobyte cost in a new way, especially for banner ads.

Solutions for Banner Ads in the Post-Flash World

The sudden and rather violent shift away from Flash in the banner ad industry has designers and developers scrambling. We've got answers. Welcome to the HTML5 era.

GSAP 1.16.x Update

The GSAP 1.16.x update delivers some nifty new features like svgOrigin as well as a better-than-ever Draggable that has autoScroll capabilities, a new method for determining the drag direction, and more.

Ease Visualizer

Visually explore various eases that are available in GSAP with this interactive tool.

CSS animations performance: the untold story

There are some interesting (and surprising) performance implications of using CSS animations that aren't widely known. Check out this video demonstration.

Why GSAP for HTML5 Animation?

People are switching to GSAP in droves, and here are a few of the practical, real-world reasons why.

iOS 7 Safari Performance: A Step Backward?

With the release of iOS 7, I was anticipating some big leaps forward in browser performance. What I found was quite surprising. Is anyone else experiencing the same thing? Here's a quick [and very casual] video showing what I discovered:

Meet GreenSock's Draggable: spin, flick, drag, throw, or scroll with "physics"

Making a DOM element draggable isn't terribly difficult - there are jQuery plugins and even some native HTML5 capabilities in newer browsers. But generic dragging is kinda boring. What about smooth, natural momentum-based continuation after the user releases the mouse (or touch on mobile devices)? What about imposing bounds and edge resistance and silky-smooth redirection to certain landing values that you provide? Or flick/drag scrolling with bounce-back that doesn't look awkward? Or instead of dragging to change the position of an element, what if you want to spin it? Maybe you even want to track the momentum and let it come to rest naturally or rig it to glide to a stop at a certain value, Wheel-of-Fortune style? Yeah, that's a lot more complex. In fact, it can be a real drag to build (sorry, the pun was irresistible).

CSS Animations vs GSAP: Cage Match

Ever since CSS3 "transitions" and "animations" were introduced, they have been widely lauded as the future of animation on the web. It often seems like all the "cool kids" are talking about them. Should you jump on the bandwagon? Is JavaScript animation headed for extinction? How does the new GreenSock Animation Platform (GSAP) fare when it steps into the ring and faces off against the hyped-up tag-team of CSS3 transitions & animations? Does GSAP have the chops to hold its own? Let's find out. Ready...FIGHT!

jQuery vs GSAP: Cage Match

jQuery is the 700-pound gorilla that has been driving lots of animation on the web for years, but let's see how it fares when it steps into the ring with the feisty GSAP (GreenSock Animation Platform) which gained its fame in the Flash world and is now flexing its greased-up muscles in JavaScript.

Getting Started with GSAP (GreenSock Animation Platform)

Learn the basics of GSAP quickly with this video and article that'll have you animating in no time.

Get GSAP

Version: 1.20.4 updated 2018-02-15

Core

    Extras

      Plugins

        By using GreenSock code, you agree to the terms of use.

        Help support GreenSock by becoming a member

        Join Club GreenSock