##Velocity (0.11.5)
Docs
VelocityJS.org
Quickstart
bower install velocity or npm install velocity-animate
<script src="//cdn.jsdelivr.net/jquery.velocity/0.11.2/jquery.velocity.min.js"></script>
Author
Follow Julian Shapiro for tweets on UI animation.
###Learn
- UI effects: http://smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js
- Perf. comparisons: http://davidwalsh.name/css-js-animation
- Perf. optimizations: http://www.sitepoint.com/incredibly-fast-ui-animation-using-velocity-js
- Workflow: http://css-tricks.com/improving-ui-animation-workflow-velocity-js
- SVG animation: http://davidwalsh.name/svg-animation
###New
- 0.11.5: 2D transform values are no longer auto-removed when they hit their default values.
- 0.11.4: AMD and CommonJS module loading without having to shim jQuery. Fixed
mockbehavior from 0.10.1. - 0.11.1: Huge performance boost, and elements are no longer dirtied with inline styles.
- 0.11.0: CSS transform setting/getting. VelocityJS.org/#hook
- 0.10.1: Mock UI testing. VelocityJS.org/#mock
- 0.10.0: Infinite looping. VelocityJS.org/#loop
- 0.9.0: Hex values. VelocityJS.org/#colors
- 0.8.0: vw/vh CSS units.
- 0.6.0:
display: "auto"andvisibility. VelocityJS.org/#displayAndVisibility - 0.5.0: Promises. VelocityJS.org/#promises
- 0.3.0-0.4.0: SVG animation. VelocityJS.org/#svg
- 0.1.0:
stopnow stops animations immediately (instead of just clearing the remainder of the animation queue). No other backwards-incompatible changes were made. VelocityJS.org/#stop
###Comparisons
- Famo.us is a full-fledged mobile app framework built around a physics engine.
- CSS transitions are meant for simple interface flourishes triggered by hover states.
- jQuery's $.animate() is slow and poorly-equipped for motion design.
- Velocity allows you to inject rich motion design into your UI.
###Credits
- Stripe sponsors Velocity's development.
- BrowserStack provides Velocity's testing services.
====
MIT License. © Julian Shapiro (http://twitter.com/shapiro).