Category Archives: JQuery

JQuery – Easing Plugin – List of Possible Easings

I was surprised not to find any lists of these Easings anywhere online written as a list. For those who do not know, JQuery Easing Plugin is really amazing way to animate with JavaScript, I simply love it! I was looking at the possible easing solutions and could not a full list. The Plugin page does not present a full listing, but it does give you an example of how they work, which is great, but I am one of those people who likes to experiment!! =)

So I compiled a list of available Easing effects for JQuery plugin just in case you are like me:

Here is an array. I like to make my animation random, so I use this form sometimes and add Math.random() and  Math.round() functions:

var arrName = new Array();
arrName[0]=’def’;
arrName[1]=’jswing’;
arrName[2]=’easeInQuad’;
arrName[3]=’easeOutQuad’;
arrName[4]=’easeInOutQuad’;
arrName[5]=’easeInCubic’;
arrName[6]=’easeOutCubic’;
arrName[7]=’easeInOutCubic’;
arrName[8]=’easeInQuart’;
arrName[9]=’easeOutQuart’;
arrName[10]=’easeInOutQuart’;
arrName[11]=’easeInSine’;
arrName[12]=’easeOutSine’;
arrName[13]=’easeInOutSine’;
arrName[14]=’easeInExpo’;
arrName[15]=’easeOutExpo’;
arrName[16]=’easeInOutExpo’;
arrName[17]=’easeInQuint’;
arrName[18]=’easeOutQuint’;
arrName[19]=’easeInOutQuint’;
arrName[20]=’easeInCirc’;
arrName[21]=’easeOutCirc’;
arrName[22]=’easeInOutCirc’;
arrName[23]=’easeInElastic’;
arrName[24]=’easeOutElastic’;
arrName[25]=’easeInOutElastic’;
arrName[26]=’easeInBack’;
arrName[27]=’easeOutBack’;
arrName[28]=’easeInOutBack’;
arrName[29]=’easeInBounce’;
arrName[30]=’easeOutBounce’;
arrName[31]=’easeInOutBounce’;

Or if you just would like a list, here you go:

def
jswing
easeInQuad
easeOutQuad
easeInOutQuad
easeInCubic
easeOutCubic
easeInOutCubic
easeInQuart
easeOutQuart
easeInOutQuart
easeInSine
easeOutSine
easeInOutSine
easeInExpo
easeOutExpo
easeInOutExpo
easeInQuint
easeOutQuint
easeInOutQuint
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
easeOutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce

If you would like to learn more about the plugin and see it in action, here is the link to the Easing Plug-in Page: http://gsgd.co.uk/sandbox/jquery/easing/. Buy the guy who made it a beer while you’re there! ;)

Oh, and please let me know if I am missing something! Cheers!

Flash vs XHTML+JavaScript Libraries

The other day, I was working on a banner for one of my clients, and watching my great Flash animation flow made me think about all the hate for Flash and social relief that brought JQuery and Mootools… As a graphic designer and web developer, I must say that Flash is an amazing platform! I use it since it was still Macromedia’s Flash 4.0. It was before Adobe bought it for $3.4 billion (adobe.com) (just to compare, Google paid for Youtube $1.65 billion (techcrunch.com)). My point is that it was a rather huge investment, but it definitely paid off since Flash is now everywhere. Is Flash perfect? No! Of course not! But if you show me another animating software that can do what Flash does, produces lightweight files that are supported by most browsers, I would be delighted.

JavaScript Libraries are definitely a great creation. I love how clean and simple it is. But let’s be realistic – can we really replace Flash with them? For example, can you make realistic clouds that run non-stop through your screen in 150 different colors using them? GIF you say? Imagine how big the file size is going to be. However, I am impressed with what designers and programmers do with JQuery and other Libraries. Sometimes, I cannot tell whether it’s Flash or not. I always right-click the field to see “Flash or not”. Nowadays, mostly not.

I strongly believe that abandoning Flash, we will limit our creativity. If used moderately and professionally, Flash will only make your work more fascinating to look at. There is no need of having a website fully made in Flash – Search Engine optimizer’s nightmare… I can’t even scroll with a mouse wheel through a page… I have to drag some small pointer to see what’s written below… Super annoying. However, the animation part, the colors, the effects – it’s amazing what Flash can do! Great banners, awesome menus. Often, I go WOW when I see some things that designers made with it. For example, I especially like how creatively OK!nteractif made this section of a website for Musee de la Civilisation (Quebec). Also, I like this class of rotating objects – outstanding job! You can make such a cool animation with this technique. By saying NO to Flash, we actually make a big giant step back. Think about it Apple… Your iPad kills creative process! No matter how you feel about Abobe, you should encourage creativity, not drawing it back. If you are so smart, create a non-buggy Flash-like software and make your QuickTime support it.

I stand for a “Reasonable Freedom.” If Flash can make your work more beautiful, but not overload my computer, I say use it with backup JPG image for platforms that do not support it.

- Edited on 10-22-2010 by Nookeen

Follow

Get every new post delivered to your Inbox.