jQuery Forum

animate() speeds such as "slow" and "fast" which translate to durations make no sense for varying computed animation distances. for example, animating "slow" will be lightning fast if you animate to a 2000px window width but will crawl within a 200px window width as demonstrated here:

http://jsfiddle.net/8Wdcg/

the experience changes vastly for fluid containers and window widths since animate durations are fixated rather than the actual speeds (for the sake of setting a single tick timer i assume)

i propose adding a signature to $.animate which takes a plain object instead of a duration argument indicating how many units/sec should be changed for each property. this would require setting independent timers for each of them, (perhaps optimizing and grouping some). so you can do something like

1. $(".blocky").animate({width: "200", opacity: "0.5"}, {width: "400", opacity: "0.1"});

maybe with a special case like "all" so they dont need to be itemized. this will somewhat complicate synchronization, since every timer may end up with different durations, but for now it doesn't seem too difficult to just keep a single animation-complete callback that fires after last timer expires and in the future maybe provide property-specific completion callbacks?

another issue might be performance, and this should be noted for the additional signature.

the flexibility afforded by this is pretty significant especially for interfaces which adapt for eg. mobile device resolutions, fluid window sizes.

thoughts? comments? thanks!
leon

this
$("body").append("<p/>", {id:"myP", class:"myClass"});

is better than
$("body").append($("<p/>", {id:"myP", class:"myClass"}));

seems a trivial and useful addition.

thoughts?
Leon

i always thought it would be useful to dispatch an event without first creating it with $.event, since jQ already does this for you. on more than one occasion i found myself wishing to trigger a right click, or trigger a specific key's keydown/press/up.

it would be pretty simple to add a signature to .click()-and-friends that would work like:

1. .click({which: 2})                  // right click simulate
   
2. .keyup({which: 53})              // '5' simulate
   
3. .trigger("click", {which: 2})    // trigger version
   

internally just check which signature is being used and do a $.extend(event, params) on the internally-created events before firing them off.

very easy to implement, no side-effects that i can see...

Leon