| 1 | ##Velocity (1.0.0)
|
| 2 |
|
| 3 | **Docs**
|
| 4 | [VelocityJS.org](http://VelocityJS.org)
|
| 5 |
|
| 6 | **Quickstart**
|
| 7 |
|
| 8 | `bower install velocity`
|
| 9 | `npm install velocity-animate`
|
| 10 |
|
| 11 | `<script src="//cdn.jsdelivr.net/velocity/1.0.0/velocity.min.js"></script>`
|
| 12 |
|
| 13 | ###**Updates**
|
| 14 |
|
| 15 | - **1.0.0**: Important! File name change. See [VelocityJS.org/#dependencies](http://VelocityJS.org/#dependencies) for more information.
|
| 16 | - **0.1.0**: `stop` now stops animations *immediately* (instead of just clearing the remainder of the animation queue). No other backwards-incompatible changes were made.
|
| 17 |
|
| 18 | ###**Learn**
|
| 19 |
|
| 20 | - **Motion design**: http://smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js
|
| 21 | - **Performance comparisons**: http://davidwalsh.name/css-js-animation
|
| 22 | - **Workflow**: http://css-tricks.com/improving-ui-animation-workflow-velocity-js
|
| 23 |
|
| 24 | ###**Comparisons**
|
| 25 |
|
| 26 | - **Famo.us** is a full-fledged *mobile app framework* built around a physics engine.
|
| 27 | - **CSS transitions** are meant for simple interface flourishes triggered by hover states.
|
| 28 | - **jQuery's $.animate()** is slow and poorly-equipped for motion design.
|
| 29 | - **Velocity** allows you to inject rich motion design into your UI.
|
| 30 |
|
| 31 | ###**Credits**
|
| 32 |
|
| 33 | - <a href="https://stripe.com/blog/stripe-open-source-retreat">Stripe</a> sponsors Velocity's development.
|
| 34 | - <a href="http://browserstack.com">BrowserStack</a> provides Velocity's testing services.
|
| 35 |
|
| 36 | ====
|
| 37 |
|
| 38 | [MIT License](LICENSE.md). © Julian Shapiro (http://twitter.com/shapiro).
|