Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
A JavaScript animation library using CSS transforms and transitions
JavaScript Other
Branch: master
Pull request Compare This branch is 23 commits ahead of beastaugh:master.

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
site
src
tasks
test
vendor
.gitignore
.gitmodules
CHANGELOG
Gemfile
Jakefile
LICENSE
README.md
jake.yml

README.md

Firmin

Firmin is a JavaScript animation library based on CSS transforms and transitions.

var box = document.getElementById("box");

Firmin.animate(box, {
    scale:     {x: 2, y: 3},
    translate: {x: -100, y: 35}
}, 0.5);

Tests and Browser Support

You can run the test pages in your browser. The matrix code has been extracted into another project, XCSSMatrix.

XCSSMatrix's browser support is: Chrome 6+, Safari 5+, FF4+, Opera 11+, IE9+

'Test results'

Development

To build Firmin from source you will need Ruby, RubyGems and Bundler. The test suite also depends on JS.Class, which is provided as a Git submodule. To get everything working, run the following shell commands in order.

# Download the source code
git clone git://github.com/beastaugh/firmin.git
cd firmin
git submodule update --init --recursive

# Install dependencies
gem install bundler
bundle install

# Build the test framework and Firmin
cd vendor/jsclass
jake
cd -
jake

# Run tests
open test/runner.html

The last command will (on OS X, anyway) open the test runner for Firmin's automated test suite. The test runner page also includes links to the manual tests which must be run by hand in a browser.

The FirminCSSMatrix test suite currently fails on non-WebKit browsers as the WebKitCSSMatrix class is not available as a reference implementation.

Something went wrong with that request. Please try again.