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
-~----------~----~----~----~------~----~------~--~---
