Haven't ever gotten to the idea of just adding padding, margin and borders to the animation. I'll give that a try to improve the jerky accordion animations, thanks!
Jörn On Fri, Nov 14, 2008 at 12:35 AM, John Resig <[EMAIL PROTECTED]> wrote: > > I definitely agree about the jump. Someone was talking about this > recently on Reddit and I showed what the solution would look like: > http://www.reddit.com/r/javascript/comments/7708y/ask_reddit_jquery_vs_mootools_your_choice_and_why/c05uoaf > > $("#test").animate({ > // What we have now > width: "hide", > height: "hide", > opacity: "hide", > // What we could add > paddingTop: "hide", > paddingBottom: "hide", > paddingLeft: "hide", > paddingRight: "hide", > marginTop: "hide", > marginBottom: "hide", > marginLeft: "hide", > marginRight: "hide", > borderTopWidth: "hide", > borderBottomWidth: "hide", > borderLeftWidth: "hide", > borderRightWidth: "hide" > }, "slow"); > > Maybe with a different easing and the "improved" > hide/show/slideUp/slideDown animations that would help perception. > > --John > > On Thu, Nov 13, 2008 at 6:17 PM, Karl Swedberg <[EMAIL PROTECTED]> wrote: >> >> On Nov 13, 2008, at 5:26 PM, John Resig wrote: >> >> This is an interesting point - I wonder if considerations about the >> "smoothness" of jQuery animations is just related to the default >> easing function that we use. Thoughts? >> >> --John >> >> That's an interesting idea that I hadn't thought of before. The perception >> might also be related to the little "jump" that occurs when sliding an >> element that has padding or margin. This happens so often that I wonder if >> people assume it's a problem with jQuery itself. You can see this occur, for >> example in the accordion example on the jQuery UI ThemeRoller page: >> http://ui.jquery.com/themeroller >> >> --Karl >> ____________ >> Karl Swedberg >> www.englishrules.com >> www.learningjquery.com >> >> >> >> >> >> >> >> ---------- Forwarded message ---------- >> From: Mehmet Sukan <[EMAIL PROTECTED]> >> Date: Thu, Nov 13, 2008 at 5:18 PM >> Subject: Re: jQuery animations >> To: John Resig <[EMAIL PROTECTED]> >> >> >> I was comparing the default easing setting (which is more linear) with >> a mootools animation, which uses one of these methods: >> >> http://www.robertpenner.com/easing/ >> >> --- On Thu, 11/13/08, John Resig <[EMAIL PROTECTED]> wrote: >> >> From: John Resig <[EMAIL PROTECTED]> >> Subject: Re: jQuery animations >> To: [EMAIL PROTECTED] >> Date: Thursday, November 13, 2008, 4:14 PM >> >> Maybe - which easing functions were you using? >> >> --John >> >> >> >> On Thu, Nov 13, 2008 at 3:24 AM, Mehmet Sukan <[EMAIL PROTECTED]> wrote: >> >> John, >> >> I did some research, and it turns out the difference is the >> >> "easing" of the >> >> animations. Mootools have some easing methods included in the >> >> library, >> while >> >> they are available to jquery as a plugin. >> >> Are there any plans on adding these easing methods to the jQuery core? >> >> Mehmet >> >> --- On Sun, 11/9/08, John Resig <[EMAIL PROTECTED]> wrote: >> >> From: John Resig <[EMAIL PROTECTED]> >> >> Subject: Re: jQuery animations >> >> To: [EMAIL PROTECTED] >> >> Date: Sunday, November 9, 2008, 4:47 PM >> >> Mehmet - >> >> I'm not really sure if there is a difference - do you think you >> >> could >> >> put together a page that shows how the two animations differ in >> >> quality? It would help us to improve the library, certainly. >> >> --John >> >> >> >> On Sat, Nov 8, 2008 at 6:47 PM, Mehmet Sukan <[EMAIL PROTECTED]> >> >> wrote: >> >> Hi, >> >> I have a question about your project and I'd really appreciate it >> >> if >> >> you >> >> have time to answer. >> >> I would like to thank you and everyone working on jQuery project. You >> >> helped >> >> designers like me to use and learn javascript. >> >> Before I started using jQuery I've tried most of the frameworks >> >> out >> >> there, >> >> and finally selected jQuery because of its ease of use and small file >> >> size. >> >> The quality of documentation and the plugins were a big plus for >> >> jQuery as >> >> well. >> >> I may be nit-picking, but the only downside I found about jQuery is >> >> the >> >> smoothness of the animations. The animations made with mootools >> >> feels >> >> smoother (in my experience), as if they have a higher framerate. Is >> >> there >> >> any truth to my observation? >> >> Thank you >> >> Mehmet >> >> >> >> >> >> >> >> >> >> > >> > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery Development" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en -~----------~----~----~----~------~----~------~--~---
