GX 1.1 and GX Extras are come
March 31st, 2009
Today there are two great news: either the version 1.1 of the GX framework and the its extension called GX Extras are now available. In this post I’ll expose either the major changesets that affected the previous version and the new features, and I’ll explain how to use them properly.
GX 1.1
This new release brings many changes, especially in the API usage/naming. Now the engine is more consistent and the size is.. smaller! Right, the incredible super tiny size of the previous version has been reduced: now the uncompressed version weights about 10.0kb , against the 10.4kb of the 1.0.
Now let’s talk about the changesets:
- the gxPause and the gxResume methods are gone in favor of the gx method, that is the unique method for creating, pausing and resuming animations. You can now pause and resume your effects by writing the following:
// pauses an animation $('myEl').gx('pause'); // resumes an animation $('myEl').gx('resume');The API is now more solid and less verbose.
- there are no more aliases: the anime method is gone.
- the new delay option is now available (see a demo): you can delay all the animations in the queue by specifing the “delay” option. In opposite to the standard behaviour, where animations are fired immediately one after another, with the delay option you can delay all step in the queue:
$('myEl').gxInit({delay: 2000}); $('myEl').gx({width: 200}, 4000) .gx({width: 0}) // after 2000ms (+4000ms of the previous ring) .gx({width: 400}) // after 2000ms (...) - the GX Extras API has been added (see below)
t...
