Velocity.js looks great! Going to play with this over the weekend :)
Sweet. Let me know it goes. I'm @Shapiro on Twitter.
Hi Julian, thanks for awesome library. I'll give it a try as soon as I start a new project.
I've used jquery.transit plugin so far and had fun much. I added something like
myTransition()function to add custom stagger for each element individually. Stagger for each element increases gradually like the following:
Time(ms) Element 0 0 80 1 120 2 140 3 150 4 165 5
So it grows so called exponentially.
By this logic, if the number of elements on a page increases, your total animation time will not increase as much. Otherwise, let's say you have 150 elements and give 50ms stagger for each elements and this will took 7.5 seconds to finish the whole animation chain which is a long duration. However, using this kind of logic it will took like 1-2 seconds which is plausiable.
If you like the idea I can create a pull request in a spare time.
This is a fantastic idea. I would recommend looking into the special 'drag' option before pursuing this. You can read about drag here: www.smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js/
I'll be mulling over whether what you're asking for can be well-approximated with drag + stagger. If not, I'll consider adding in your proposed functionality. Either way, come say hello on GitHub so we can further the conversation.
So, you've done very similiar one that I written above. That's an fantastic feature too. As far as I understand,
dragchanges the elements' duration and increases it for each iteration. What I meant is changing delay between each elements which makes it more fluid if # of elements are high. Here is an example I meant.
Thanks for putting together a demo. Totally understand. Will be looking into this in the next couple weeks!
Do you want to open an issue on GitHub about this?