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
- good day today, did an autocomplete widget that use the binary algorithm in pure JS,
- doing a pure js widget.. it's like going back 5 years ago
- Inspire the web with just 10K. A competition from ALA http://10k.aneventapart.com/
- binary search rock large javascript array
- Photoshop just crashed on me, been a while...
- Introduction to the Google WebFont Loader and how to avoid @font-face text flickering with it http://bit.ly/at8Pus
Cool, lots of people use easing. It just makes sense. And I love that visualised easing demo. Thats brilliant