Skip to content

Commit

Permalink
Add rename animate.js to animatelo
Browse files Browse the repository at this point in the history
  • Loading branch information
gibbok committed Jan 15, 2017
1 parent 0852f37 commit 243dded
Show file tree
Hide file tree
Showing 85 changed files with 441 additions and 441 deletions.
22 changes: 11 additions & 11 deletions README.md
@@ -1,11 +1,11 @@
# Animate.js
# Animatelo
*Just-add-water Web Animations*

Animate.js is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
Animatelo is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.

This is a porting to Web Animation API of the fabulous [animate.css](//github.com/daneden/animate.css) project.

[Check out all the animations here!](//gibbok.github.io/animate.js)
[Check out all the animations here!](//gibbok.github.io/animatelo)

# What is Web Animations API?
Web Animations API is a new JavaScript API for driving animated content on the web.
Expand All @@ -20,7 +20,7 @@ With the Web Animations API, we no longer need to rely on DOM-heavy techniques l
Web Animations API features is available by default in Firefox 48+ and Chrome 36+.
For other browsers there’s a [handy maintained polyfill](//github.com/web-animations/web-animations-js) that tests for feature support and adds it where necessary.

The polyfill and Animate.js are supported on modern versions of all major browsers, including:
The polyfill and Animatelo are supported on modern versions of all major browsers, including:
- Chrome
- Firefox 27+
- IE10+ (including Edge)
Expand All @@ -32,12 +32,12 @@ The polyfill and Animate.js are supported on modern versions of all major browse
To install via Bower, simply do the following:

```bash
$ bower install animate.js --save
$ bower install animatelo --save
```
or you can install via npm:

```bash
$ npm install animate.js --save
$ npm install animatelo --save
```

# Basic Usage
Expand All @@ -48,20 +48,20 @@ Here's a simple example of an animation that flip a text in a `<h1>`.
<!-- Include the polyfill -->
<script src="//cdn.rawgit.com/web-animations/web-animations-js/2.2.2/web-animations.min.js"></script>

<!-- Include Animate.js -->
<script src="//cdn.rawgit.com/gibbok/animate.js/1.0.0/dist/animate.min.js"></script>
<!-- Include Animatelo -->
<script src="//cdn.rawgit.com/gibbok/animatelo/1.0.0/dist/animatelo.min.js"></script>

<!-- Set up a target to animate -->
<h1 id="hello">Hello world!</h1>

<!-- Animate! -->
<script>
window.animate.flip('#hello');
window.animatelo.flip('#hello');
</script>
```

# Advanced Usage Documentation
More information and technical documentation on Animate.js can be found at [Usage](./usage.md) page.
More information and technical documentation on Animatelo can be found at [Usage](./usage.md) page.

# License
Animate.js is licensed under the [MIT license](//opensource.org/licenses/MIT).
Animatelo is licensed under the [MIT license](//opensource.org/licenses/MIT).
10 changes: 5 additions & 5 deletions bowe.json
@@ -1,6 +1,6 @@
{
"name": "animate.js",
"description": "Animate.js is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.",
"name": "animatelo",
"description": "Animatelo is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.",
"main": "index.js",
"moduleType": [
"globals"
Expand All @@ -11,15 +11,15 @@
"animation",
"animations",
"animate",
"animatejs",
"animate.js",
"animatelo",
"animatelo.js",
"animate.css",
"css",
"css3"
],
"repository": {
"type": "git",
"url": "git+https://github.com/gibbok/animate.js.git"
"url": "git+https://github.com/gibbok/animatelo.git"
},
"dependencies": {},
"author": "GibboK",
Expand Down
4 changes: 2 additions & 2 deletions dist/animate.min.js

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion gulpfile.js
Expand Up @@ -34,7 +34,7 @@ gulp.task('checkcode', function () {
gulp.task('build', function (cb) {
pump([
gulp.src('./src/**/*.js'),
concat('animate.min.js'),
concat('animatelo.min.js'),
uglify({
preserveComments: 'license'
}),
Expand Down
14 changes: 7 additions & 7 deletions package.json
@@ -1,16 +1,16 @@
{
"name": "animate.js",
"name": "animatelo",
"version": "1.0.0",
"description": "Animate.js is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.",
"description": "Animatelo is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.",
"main": "index.js",
"keywords": [
"web animations api",
"web animations",
"animation",
"animations",
"animate",
"animatejs",
"animate.js",
"animatelo",
"animatelo.js",
"animate.css",
"css",
"css3"
Expand All @@ -20,16 +20,16 @@
},
"repository": {
"type": "git",
"url": "git+https://github.com/gibbok/animate.js.git"
"url": "git+https://github.com/gibbok/animatelo.git"
},
"dependencies": {
},
"author": "GibboK",
"license": "MIT",
"bugs": {
"url": "https://github.com/gibbok/animate.js/issues"
"url": "https://github.com/gibbok/animatelo/issues"
},
"homepage": "https://github.com/gibbok/animate.js#readme",
"homepage": "https://github.com/gibbok/animatelo#readme",
"devDependencies": {
"connect": "^3.5.0",
"open": "^0.0.5",
Expand Down
12 changes: 6 additions & 6 deletions src/animate.js → src/animatelo.js
@@ -1,7 +1,7 @@
/*! Animate.js | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animate) {
/*! Animatelo | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animatelo) {
'use strict';
animate.version = '1.0.0';
animatelo.version = '1.0.0';

var _defaultOptions = {
duration: 1000,
Expand Down Expand Up @@ -73,7 +73,7 @@
}
};

animate._animate = function (selector, keyframes, optionsArg) {
animatelo._animate = function (selector, keyframes, optionsArg) {
var options = {
duration: optionsArg && 'duration' in optionsArg ? optionsArg.duration : _defaultOptions.duration,
delay: optionsArg && 'delay' in optionsArg ? optionsArg.delay : _defaultOptions.delay,
Expand All @@ -88,7 +88,7 @@
nodeListArr = [].slice.call(nodeList);
_validate(options);
nodeListArr.forEach(function (node, index) {
var player = node.animate(keyframes, options);
var player = node.animatelo(keyframes, options);
if (hasUserId) {
player.id = options.id + '-' + index;
} else {
Expand All @@ -99,4 +99,4 @@
return players;
};

})(window.animate = window.animate || {});
})(window.animatelo = window.animatelo || {});
10 changes: 5 additions & 5 deletions src/attentionSeekers/bounce.js
@@ -1,7 +1,7 @@
/*! Animate.js | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animate) {
/*! Animatelo | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animatelo) {
'use strict';
animate.bounce = function (selector, options) {
animatelo.bounce = function (selector, options) {
var keyframeset = [
{
animationTimingFunction: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
Expand Down Expand Up @@ -48,6 +48,6 @@
offset: 1
}
];
return animate._animate(selector, keyframeset, options);
return animatelo._animate(selector, keyframeset, options);
}
})(window.animate = window.animate || {});
})(window.animatelo = window.animatelo || {});
10 changes: 5 additions & 5 deletions src/attentionSeekers/flash.js
@@ -1,7 +1,7 @@
/*! Animate.js | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animate) {
/*! Animatelo | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animatelo) {
'use strict';
animate.flash = function (selector, options) {
animatelo.flash = function (selector, options) {
var keyframeset = [
{
opacity: 1,
Expand All @@ -24,6 +24,6 @@
offset: 1
}
];
return animate._animate(selector, keyframeset, options);
return animatelo._animate(selector, keyframeset, options);
}
})(window.animate = window.animate || {});
})(window.animatelo = window.animatelo || {});
10 changes: 5 additions & 5 deletions src/attentionSeekers/headShake.js
@@ -1,7 +1,7 @@
/*! Animate.js | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animate) {
/*! Animatelo | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animatelo) {
'use strict';
animate.headShake = function (selector, options) {
animatelo.headShake = function (selector, options) {
var keyframeset = [
{
transform: 'translateX(0)',
Expand Down Expand Up @@ -32,6 +32,6 @@
offset: 1
}
];
return animate._animate(selector, keyframeset, options);
return animatelo._animate(selector, keyframeset, options);
}
})(window.animate = window.animate || {});
})(window.animatelo = window.animatelo || {});
10 changes: 5 additions & 5 deletions src/attentionSeekers/jello.js
@@ -1,7 +1,7 @@
/*! Animate.js | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animate) {
/*! Animatelo | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animatelo) {
'use strict';
animate.jello = function (selector, options) {
animatelo.jello = function (selector, options) {
var keyframeset = [
{
transform: 'none',
Expand Down Expand Up @@ -44,6 +44,6 @@
offset: 1
}
];
return animate._animate(selector, keyframeset, options);
return animatelo._animate(selector, keyframeset, options);
}
})(window.animate = window.animate || {});
})(window.animatelo = window.animatelo || {});
10 changes: 5 additions & 5 deletions src/attentionSeekers/pulse.js
@@ -1,7 +1,7 @@
/*! Animate.js | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animate) {
/*! Animatelo | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animatelo) {
'use strict';
animate.pulse = function (selector, options) {
animatelo.pulse = function (selector, options) {
var keyframeset = [
{
transform: 'scale3d(1, 1, 1)',
Expand All @@ -16,6 +16,6 @@
offset: 1
}
];
return animate._animate(selector, keyframeset, options);
return animatelo._animate(selector, keyframeset, options);
}
})(window.animate = window.animate || {});
})(window.animatelo = window.animatelo || {});
10 changes: 5 additions & 5 deletions src/attentionSeekers/rubberBand.js
@@ -1,7 +1,7 @@
/*! Animate.js | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animate) {
/*! Animatelo | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animatelo) {
'use strict';
animate.rubberBand = function (selector, options) {
animatelo.rubberBand = function (selector, options) {
var keyframeset = [
{
transform: 'scale3d(1, 1, 1)',
Expand Down Expand Up @@ -32,6 +32,6 @@
offset: 1
}
];
return animate._animate(selector, keyframeset, options);
return animatelo._animate(selector, keyframeset, options);
}
})(window.animate = window.animate || {});
})(window.animatelo = window.animatelo || {});
10 changes: 5 additions & 5 deletions src/attentionSeekers/shake.js
@@ -1,7 +1,7 @@
/*! Animate.js | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animate) {
/*! Animatelo | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animatelo) {
'use strict';
animate.shake = function (selector, options) {
animatelo.shake = function (selector, options) {
var keyframeset = [
{
transform: 'translate3d(0, 0, 0)',
Expand Down Expand Up @@ -48,6 +48,6 @@
offset: 1
}
];
return animate._animate(selector, keyframeset, options);
return animatelo._animate(selector, keyframeset, options);
}
})(window.animate = window.animate || {});
})(window.animatelo = window.animatelo || {});
10 changes: 5 additions & 5 deletions src/attentionSeekers/swing.js
@@ -1,7 +1,7 @@
/*! Animate.js | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animate) {
/*! Animatelo | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animatelo) {
'use strict';
animate.swing = function (selector, options) {
animatelo.swing = function (selector, options) {
var keyframeset = [
{
transform: 'rotate3d(0, 0, 1, 0deg)',
Expand All @@ -28,6 +28,6 @@
offset: 1
}
];
return animate._animate(selector, keyframeset, options);
return animatelo._animate(selector, keyframeset, options);
}
})(window.animate = window.animate || {});
})(window.animatelo = window.animatelo || {});
10 changes: 5 additions & 5 deletions src/attentionSeekers/tada.js
@@ -1,7 +1,7 @@
/*! Animate.js | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animate) {
/*! Animatelo | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animatelo) {
'use strict';
animate.tada = function (selector, options) {
animatelo.tada = function (selector, options) {
var keyframeset = [
{
transform: 'scale3d(1, 1, 1)',
Expand Down Expand Up @@ -48,6 +48,6 @@
offset: 1
}
];
return animate._animate(selector, keyframeset, options);
return animatelo._animate(selector, keyframeset, options);
}
})(window.animate = window.animate || {});
})(window.animatelo = window.animatelo || {});
10 changes: 5 additions & 5 deletions src/attentionSeekers/wobble.js
@@ -1,7 +1,7 @@
/*! Animate.js | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animate) {
/*! Animatelo | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animatelo) {
'use strict';
animate.wobble = function (selector, options) {
animatelo.wobble = function (selector, options) {
var keyframeset = [
{
transform: 'none',
Expand Down Expand Up @@ -32,6 +32,6 @@
offset: 1
}
];
return animate._animate(selector, keyframeset, options);
return animatelo._animate(selector, keyframeset, options);
}
})(window.animate = window.animate || {});
})(window.animatelo = window.animatelo || {});
10 changes: 5 additions & 5 deletions src/bouncingEntrances/bounceIn.js
@@ -1,7 +1,7 @@
/*! Animate.js | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animate) {
/*! Animatelo | The MIT License (MIT) | Copyright (c) 2017 GibboK */
; (function (animatelo) {
'use strict';
animate.bounceIn = function (selector, options) {
animatelo.bounceIn = function (selector, options) {
var keyframeset = [
{
opacity: 0,
Expand Down Expand Up @@ -37,6 +37,6 @@
offset: 1
}
];
return animate._animate(selector, keyframeset, options);
return animatelo._animate(selector, keyframeset, options);
}
})(window.animate = window.animate || {});
})(window.animatelo = window.animatelo || {});

0 comments on commit 243dded

Please sign in to comment.