Velocityjs.org Website Review

and it features COLOR ANIMATION, TRANSFORMS, LOOPS, EASINGS, SVG SUPPORT, and SCROLLING. It is the best of jQuery and CSS transitions $.animate() with $.velocity(). You will immediately see a performance boost across all browsers and devices — especially on mobile. Velocity works everywhere — back to IE8 and Android 2.3. Under the hood, it mimics jQuery's $.queue(), and thus interoperates seamlessly with jQuery's $.animate(), $.fade(), and $.delay(). Since Velocity's syntax is identical to $.animate(), your code doesn't need to change. Ja*aScript and jQuery are falsely conflated. Ja*aScript animation, which Velocity uses, is fast; it's jQuery that's slow. Although Velocity works alongside jQuery, it uses its own animation stack that delivers its performance through two underlying principles: 1) Click here to see a comparison between jQuery and Velocity animating a dialog box. You can view the code that powers this comparison. The following real-world demo animates the chosen number of divs using this common property map: { left: 85%, opacity: 1 }. If all engines behave sluggishly at low element counts, your browser or device may need a restart. Browser animation performance is Engine jQuery Transit Velocity Count 1 2 5 10 15 25 50 75 100 150 250 350 500 CSS Property -- No %: Does not accept % unit -- -- Won't show: Effect not visible -- opacity width height minWidth (won't show) minHeight (won't show) maxWidth (won't show) maxHeight (won't show) paddingTop paddingRight paddingBottom paddingLeft top right bottom left marginTop marginRight marginBottom marginLeft ------------ borderTopWidth (no %) borderRightWidth (no %) borderBottomWidth (no %) borderLeftWidth (no %) borderRadius (IE9+) outlineWidth (no %) ------------ fontSize lineHeight letterSpacing (no %) wordSpacing (no %) ------------ color (hex string) colorRed (unitless or %) colorGreen (unitless or %) colorBlue (unitless or %) colorAlpha (unitless) backgroundColor (hex string) backgroundColorRed (unitless or %) backgroundColorGreen (unitless or %) backgroundColorBlue (unitless or %)