Get new jQuery plugins just once a week

×

Velocity-js

May 7, 2014

Velocity-js | jQuery plugin for faster $.animate transitions

Velocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve animation workflow.
In just 7Kb zipped, Velocity includes all of $.animate()’s features while packing in color animation, transforms, loops, easings, sequences, and scrolling. Velocity is the best of jQuery, jQuery UI, and CSS transitions combined.JavaScript and jQuery are falsely conflated. JavaScript animation, which Velocity uses, is fast; it’s jQuery that’s slow. Although Velocity is a jQuery plugin, it uses its own animation stack that delivers its performance through two underlying design principles: 1) synchronize the DOM ? tween stack to minimize layout thrashing, and 2) cache values to minimize the occurrence of DOM querying.

Example Code :

$("div").velocity({
property1: value1,
property2: value2
}, {
/* Default options */
duration: 400,
easing: "swing",
queue: "",
complete: null,
loop: false,
delay: false,
display: false,
mobileHA: true
});

Created by Julian Shapiro

Download

Example

Velocity-js jQuery plugin

Accelerated JavaScript animation.

Velocity-js

Related posts:

TiltShift-js
Baraja
animate Sprite
Velocity-js jQuery plugin

http://jquer.in/wp-content/uploads/2014/05/Velocity-js.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever