Skip to content

Commit c532b6c

Browse files
committed
security fix, update readme, update dependencies
1 parent f3a648d commit c532b6c

File tree

5 files changed

+787
-923
lines changed

5 files changed

+787
-923
lines changed

README.md

Lines changed: 17 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ jQuery.Keyframes
33

44
![](https://badge.fury.io/gh/Keyframes/jQuery.Keyframes.svg)
55

6-
jQuery-Keyframes allows dynamic generation of CSS keyframes with callback events and other niceness.
6+
This library is a wrapper around [Keyframes.js](https://github.com/Keyframes/Keyframes), a vanilla js library that allows dynamic generation of CSS keyframes with callback events and other niceness.
77

88
Overview
99
--------
@@ -13,7 +13,6 @@ However, jQuery's animate() does not support multiple keyframes. jQuery.Keyframe
1313

1414
Requirements
1515
------------
16-
In order for jQuery.Keyframes to work the jQuery library needs to be linked either through CDN:
1716

1817
```html
1918
<script src='http://code.jquery.com/jquery-3.3.1.slim.min.js'></script>
@@ -27,7 +26,7 @@ Include script in your document using the following line:
2726
<script src='/path/to/jquery.keyframes[.min].js'></script>
2827
```
2928

30-
Be sure to define and play animations after the page has loaded using `window.onload`.
29+
Be sure to define and play animations only after the page has loaded using `window.onload`.
3130

3231
Usage
3332
-------------
@@ -56,10 +55,10 @@ $.keyframe.define([{
5655
$.keyframe.define({
5756
name: 'ball-roll',
5857
from: {
59-
'transform': 'rotate(0deg)' //Note that 'transform' will be autoprefixed for you
58+
'transform': 'rotate(0deg)'
6059
},
6160
to: {
62-
'transform': 'rotate(360deg)' //Note that 'transform' will be autoprefixed for you
61+
'transform': 'rotate(360deg)'
6362
}
6463
});
6564
```
@@ -113,9 +112,9 @@ $.keyframe.define([{
113112
'40%': shake_even2,
114113
'50%': shake_odd2,
115114
'60%': shake_even1,
116-
'70%': shake_odd1,
117-
'80%': shake_even2,
118-
'90%': shake_odd1
115+
'75.3%': shake_odd1,
116+
'80.45%': shake_even2,
117+
'91.6%': shake_odd1
119118
}
120119
]);
121120
```
@@ -198,17 +197,24 @@ $(selector).resumeKeyframe();
198197
Who is using jQuery.Keyframes?
199198
------------------------------
200199

201-
* Metrize Premium HTML5 Template: http://themeforest.net/item/metrize-responsive-flipcard-template/7415882
202-
* MetroCV: http://themeforest.net/item/metrocv-onepage-resume-portfolio-wordpress-theme/10266600
203200
* Hipster Gallery: http://labs.bebensiganteng.com/html5/hipstergallery/#thumbnails/0
204-
* The Startup Magazine: https://thestartupmag.com/
201+
* Ronneby Wordpress Theme: https://themeforest.net/item/ronneby-highperformance-wordpress-theme/11776839?s_rank=1
202+
* Brooklyn Wordpress Theme: https://themeforest.net/item/brooklyn-responsive-multipurpose-wordpress-theme/6221179
203+
* Contrive Wordpress Theme: https://themeforest.net/item/contrive-building-construction-html5-template/14535825
204+
* DFD-Native Wordpress Theme: https://themeforest.net/item/native-powerful-startup-development-tool/19200310
205+
* Sunday Wordpress Theme: http://themes.dfd.name/sunday/promo/
205206

206207
Plugins!
207208
--------
208209
See other plugins that allow for spritesheets & more complex movement paths: https://github.com/Keyframes
209210

211+
- [Keyframes.Pathfinder](https://github.com/Keyframes/Keyframes.Pathfinder): A plugin for jQuery.Keyframes that generates complex movement paths
212+
- [Keyframes.Spritesheet](https://github.com/Keyframes/Keyframes.Spritesheet): Keyframes.Spritesheet easily generates css3 keyframes for elements using animated spritesheets.
213+
210214
Changelog
211215
---------
216+
**1.0.0**
217+
* Moved to use [keyframes.js](https://github.com/Keyframes/Keyframes) as a base
212218
**0.1.0**
213219
* Remove all vendor prefix functionality (if you need this stick with 0.0.9)
214220
* Remove debug output

dist/jquery.keyframes.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ function _interopRequireDefault(obj) {
99
};
1010
}
1111

12-
(function () {
12+
(function ($) {
1313
var doForEach = function doForEach($el, cb) {
1414
$el.each(function (_, elem) {
1515
if (elem.Keyframes) {
@@ -55,7 +55,7 @@ function _interopRequireDefault(obj) {
5555
return kf.play(frameOptions, callback);
5656
});
5757
};
58-
})();
58+
})(jQuery);
5959

6060
},{"@keyframes/core":2}],2:[function(require,module,exports){
6161
"use strict";

dist/jquery.keyframes.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)