##Velocity (0.10.1)
Quickstart
<script src="//cdn.jsdelivr.net/jquery.velocity/0.10.1/jquery.velocity.min.js"></script>
Package Managers
Bower package is velocity. NPM package is velocity-animate.
###Learn
- UI Pack: http://www.smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js/
- Performance comparisons: http://davidwalsh.name/css-js-animation
- Performance 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
###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.
- Velocity is a tool for injecting rich motion design into your UI.
###New Features
- 0.10.1: Mock. See http://VelocityJS.org/#mock.
- 0.10.0: Infinite looping. See http://VelocityJS.org/#loop.
- 0.9.0: Support for hex values. See http://VelocityJS.org/#colors.
velocity-animating
indicator class. - 0.8.0: Support for the vw/vh CSS units.
- 0.6.0: Can set
display: "auto"
and can setvisibility
. See http://VelocityJS.org/#displayAndVisibility. - 0.5.0: Promises support. See http://VelocityJS.org/#promises.
- 0.3.0-0.4.0: SVG animation support. See http://VelocityJS.org/#svg.
- 0.1.0: The
stop
command now stops animations immediately (instead of just clearing the remainder of the animation queue). No other backwards-incompatible changes were made. See http://VelocityJS.org/#stop.
====
MIT License. © Julian Shapiro (http://twitter.com/shapiro).