velocity

WebJar for velocity

License	MIT
Categories	Github Development Tools Version Controls
GroupId	org.webjars.bower
ArtifactId	github-com-julianshapiro-velocity
Last Version	1.4.1
Release Date	Jan 7, 2017
Type	jar
Description	velocity WebJar for velocity
Project URL	http://webjars.org
Source Code Management	https://github.com/julianshapiro/velocity

Download github-com-julianshapiro-velocity

Filename	Size
github-com-julianshapiro-velocity-1.4.1.pom
github-com-julianshapiro-velocity-1.4.1.jar	304 KB
github-com-julianshapiro-velocity-1.4.1-sources.jar	22 bytes
github-com-julianshapiro-velocity-1.4.1-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/github-com-julianshapiro-velocity/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>github-com-julianshapiro-velocity</artifactId>
    <version>1.4.1</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/github-com-julianshapiro-velocity/
implementation 'org.webjars.bower:github-com-julianshapiro-velocity:1.4.1'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/github-com-julianshapiro-velocity/
implementation ("org.webjars.bower:github-com-julianshapiro-velocity:1.4.1")

Apache Buildr

'org.webjars.bower:github-com-julianshapiro-velocity:jar:1.4.1'

Apache Ivy

<dependency org="org.webjars.bower" name="github-com-julianshapiro-velocity" rev="1.4.1">
  <artifact name="github-com-julianshapiro-velocity" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='github-com-julianshapiro-velocity', version='1.4.1')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "github-com-julianshapiro-velocity" % "1.4.1"

Leiningen

[org.webjars.bower/github-com-julianshapiro-velocity "1.4.1"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

Velocity beta

NPM: npm install velocity-animate@beta

Docs

https://github.com/julianshapiro/velocity/wiki

IMPORTANT: The velocityjs.org documentation refers to V1, not V2 beta - use the wiki for latest documentation!

News

WhatsApp, Tumblr, Windows, Samsung, Uber, and thousands of other companies rely on Velocity. Visit Libscore.com to see which sites use Velocity on their homepage.

React Plugin

Announcement: https://fabric.io/blog/introducing-the-velocityreact-library
Repo: https://github.com/twitter-fabric/velocity-react
NPM: https://www.npmjs.com/package/velocity-react

Quickstart

Velocity (CDN, choose one of them):

<script src="//cdn.jsdelivr.net/npm/[email protected]/velocity.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/2.0.6/velocity.min.js"></script>

Velocity UI pack (CDN, choose one of them):

<script src="//cdn.jsdelivr.net/npm/[email protected]/velocity.ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/2.0.6/velocity.ui.min.js"></script>

Please note that JSDelivr can automatically supply the latest release, while CloudFlare needs to ask for a specific version.

Package managers:

npm: npm install velocity-animate@beta

Automagic chaining:

If using the .velocity(...) chained function in libraries such as jQuery or Zepto you need to ensure that Velocity is loaded after them. If you wish to add it to anything loaded afterwards then look at the Velocity.patch() method.

Questions or Problems?

Ask on StackOverflow (make sure you add the [velocity.js] and the [javascript] or [typescript] tags).

Updates

• 2.0: Typescript update and complete refactoring.
• 1.5: Bugfixes, IE9 compatibility fixes.
• 1.4: Pause / Resume (per element or global).
  Forcefed string animation (just have matching number spaces) including unit conversions and colour names (ie background:["rgba(red,0.1)", "blue"]). High resolution timers (animations should be slightly smoother).
  Various fixes including ticker (loading Velocity in a background window) and color handling.
• 1.3: Code cleanup - no breaking changes known.
• 1.2: Custom tweens. Custom easings. "Finish" command.
• 1.0: File name changed to velocity.js. Read VelocityJS.org/#dependencies.
• 0.1: stop now stops animations immediately (instead of only clearing the remainder of the animation queue). No other backwards-incompatible changes were made.

Learn

• Motion design: smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js
• Animating without jQuery: smashingmagazine.com/2014/09/04/animating-without-jquery
• Performance comparisons: davidwalsh.name/css-js-animation
• Workflow: css-tricks.com/improving-ui-animation-workflow-velocity-js

Comparisons

• CSS transitions are meant for simple interface flourishes.
• jQuery's $.animate() is slow and poorly-equipped for motion design.
• Velocity is a fast, feature-rich standalone alternative to jQuery's $.animate().

License

MIT License. © Julian Shapiro (http://twitter.com/julian).

Sponsors

sponsors Velocity's development.

provides browser testing services for Velocity.

Versions

Version
1.4.1 Jan 7, 2017