Ext.Fx - Additional Effects

[VinylFox]

Ive opened up a generic code repo on Google code/Github where additional ExtJS effects can be added.

I started it off with my Shake effect, and I would love to have others contribute their effects so we can have a more complete set of effects for ExtJS.

http://code.google.com/p/ext-fx/

http://github.com/VinylFox/Ext.Fx

Current Effects:

• Shake
  Works in either the x or y direction, and the number of shakes and excitement can be configured.
• Ripple
• CSS3 Spin
• CSS3 Zoom
• CSS3 Fade

Demo: http://www.artalat.com/Ext.Fx/Ext.Fx.html

CSS3 Demo: www.simoens.org/projects/CSS3/

Hope to see more of these soon.

[jay@moduscreate.com]

sweet dude!!! I always wanted to do this, but have not had time. You are the man.


In 2.x i had a 'reverse' frame working, but has broken in 3.x. I need to find time to refactor it to work with the latest version of the framework and will post here.

[VinylFox]

Animal worked to make the shake animation run non-blocking and more efficiently, so I have updated the SVN to reflect this. Documentation was also added.

http://code.google.com/p/ext-fx/sour...?spec=svn4&r=4

I hope to see more contributions from the community to the effects library.

[Animal]

What effects do you see out there that we could add to Ext.Fx? I don't really keep up with what other libraries can do.

[VinylFox]

Not really sure. I figure, like I did, that someone will just come across a situation where they say to themselves: "This really needs a Shake to let the user know they are doing something bad."

I think a fun one to have would be Puff, which is somewhat similar to Frame. Haven't given it much thought though.

The scriptaculous Puff

[jay@moduscreate.com]

I don't see effects being worthwhile when DOM-heavy applications are still using sluggish javascript engines.

[VinylFox]

Im not talking about rotating a window in 3D space while dancing teletubbies parade across a bouncing rainbow in the background.

Just simple effects to aid with user interaction.

[jay@moduscreate.com]

Hrmm.. that might be interesting.

[Jul]

Puff was also an effect that I was looking for in ExtJS recently.

Here's a list of effects from jQuery:
http://docs.jquery.com/UI/Effects/Types

The pulsate and transfer effects in that list look interesting to me.

[Animal]

There is a puff effect but it doesn't work like it should. I'm looking at it.