27
Tips #1: jQuery easings comes with the jQuery UI effects core.
This is the first of a series of small tips on jQuery and CSS. Sometimes there are effects you want to achieve or you have a small bug that should not be there, that is what my tips are aiming at.
Easing with jQuery as always been spotty, you first try to add easings with your animate effect, and… you are not really sure if it is working because there is no apparent error. Beside the default setting, you need a plug-in or jQuery UI to use other easings. The catch is, it is kind of hard to find this information, you have to look in the effects documentation at the bottom end.
The jquery UI core is about 115kb and can be found here (you also get all kinds of fuzzy effects), you can get the official easing plug-in here for 7.5kb.
If you are trying to decide which easing to use, this page has a nice way to show each easing effects with a curve.
Author: Cedric Dugas
Cedric Dugas is an experienced front-end developer and founder of Position: Absolute, based in Montreal, Canada. When he is not doing CSS and jquery (does it ever happen?), he likes to read on web usability and play trumpet. Why don't you follow him on twitter.
1 Comment to “Tips #1: jQuery easings comes with the jQuery UI effects core.”
Leave a comment
Articles
Some Tweets
- browseemall a nice solution for cross-browser testing http://t.co/b9ijFDqp
- Backbone.js 0.9 is kind of a nightmare for me, I see nothing in the changelog that should break my code but, lot of stuff are broken
- jQuery Mobile and backbone.js, the ugly http://t.co/Vi0UJlxe
- Instapaper Founder Marco Arment On The App Business http://t.co/HjiSYwjO
- CSS bug on ie8, only on windows xp, yay me, testing on a decade years old OS
- jQuery Mobile and backbone.js, the ugly http://t.co/Vi0UJlxe
Cool, lots of people use easing. It just makes sense. And I love that visualised easing demo. Thats brilliant