##Velocity 1.1.0
New
There's now a mailing list for big Velocity updates. The list will also include UI animation advice. Sign up on VelocityJS.org (see the navigation bar).
Docs
VelocityJS.org
Quickstart
Velocity:
<script src="//cdn.jsdelivr.net/velocity/1.1.0/velocity.min.js"></script>
Velocity UI pack:
<script src="//cdn.jsdelivr.net/velocity/1.1.0/velocity.ui.min.js"></script>
Package managers:
bower install velocity
npm install velocity-animate
###Updates
- 1.0.0: File name changed to
velocity.js. Read VelocityJS.org/#dependencies. - 0.1.0:
stopnow stops animations immediately (instead of only clearing the remainder of the animation queue). No other backwards-incompatible changes were made.
###Learn
- Motion design: smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js
- Animating without jQuery: smashingmagazine.com/2014/09/04/animating-without-jquery
- Performance comparisons: davidwalsh.name/css-js-animation
- Workflow: css-tricks.com/improving-ui-animation-workflow-velocity-js
###Comparisons
- CSS transitions are meant for simple interface flourishes.
- jQuery's $.animate() is slow and poorly-equipped for motion design.
- Velocity is a fast, feature-rich standalone alternative to jQuery's $.animate().
###Users tumblr.com scribd.com gap.com complex.com orbitz.com htc.com eater.com seatgeek.com warbyparker.com oldnavy.com trove.com saucelabs.com diy.org siftscience.com dropcam.com clinkle.com weezer.com welt.de dyson360eye.com
====
MIT License. © Julian Shapiro (http://twitter.com/shapiro).
Stripe sponsors Velocity's development. BrowserStack provides testing services.