deblan/kute.js
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Browse source
This commit is contained in:
thednp 2017-10-03 01:10:01 +03:00
parent f85ecef387
commit 73adb8344f
4 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
README.md
View file

@ -1,14 +1,17 @@
# KUTE.js
A fully fledged native Javascript animation engine with most essential features for web developers, designers and animators, delivering easy to use methods to set up high performance, cross-browser animations. The focus is code quality, flexibility, performance and size (core engine is 17k min and 5.5k gzipped).
A fully fledged native JavaScript animation engine with most essential features for web developers, designers and animators, delivering easy to use methods to set up high performance, cross-browser animations. The focus is code quality, flexibility, performance and size (core engine is 17k min and 5.5k gzipped).
[![NPM Version](https://img.shields.io/npm/v/kute.js.svg?style=flat-square)](https://cdnjs.com/libraries/kute.js)
[![NPM Downloads](https://img.shields.io/npm/dm/kute.js.svg?style=flat-square)](http://npm-stat.com/charts.html?package=kute.js)
[![jsDeliver](https://data.jsdelivr.com/v1/package/npm/kute.js/badge)](https://www.jsdelivr.com/package/npm/kute.js)
[![CDNJS](https://img.shields.io/cdnjs/v/kute.js.svg?style=flat-square)](https://cdnjs.com/libraries/kute.js)
Along with a simple jQuery plugin, KUTE.js packs plugins for presentation attributes, SVG transform, draw SVG strokes and path morphing, text string write up or number countdowns, plus additional CSS properties like colors, border-radius or typographic properties.
Because of it's modularity, KUTE.js makes it super easy to extend or override functionality, making it unique among Javascript animation engines.
# Demo / CDN
For documentation, examples and other cool tips, check the <a href="http://thednp.github.io/kute.js/">demo</a>. Thanks to jsdelivr, we have a CDN link <a target="_blank" href="https://www.jsdelivr.com/package/npm/kute.js">here</a>. We also have cdnjs link <a href="https://cdnjs.com/libraries/kute.js" target="_blank">right here</a>. Sweet!
[![](https://data.jsdelivr.com/v1/package/npm/kute.js/badge)](https://www.jsdelivr.com/package/npm/kute.js)
# Demo / Developer Guide
For documentation, examples and other cool tips, check the [demo](http://thednp.github.io/kute.js/).
# Core Engine - [visit page](http://thednp.github.io/kute.js/examples.html)
* tween object methods: `.to()`, `.fromTo()`, `.allTo()`, `.allFromTo()`

2
bower.json
View file

@ -1,6 +1,6 @@
{
"name": "KUTE.js",
"version": "1.6.4",
"version": "1.6.5",
"homepage": "http://thednp.github.io/kute.js",
"authors": [
"thednp"

8
kute-attr.js
View file

@ -62,12 +62,12 @@
if (/%/.test(prefix)) {
attributes[prop+s] = function(l,p,a,b,v) {
var _p = _p || p.replace(s,'');
l.setAttribute(_p, ((number(a.v,b.v,v) * 100>>0)/100) + b.u );
l.setAttribute(_p, ((number(a.v,b.v,v) * 1000>>0)/1000) + b.u );
}
} else {
attributes[prop+s] = function(l,p,a,b,v) {
var _p = _p || p.replace(s,'');
l.setAttribute(_p, (number(a.v,b.v,v)>>0) + b.u );
l.setAttribute(_p, ( (number(a.v,b.v,v)*1000>>0)/1000) + b.u );
}
}
}
@ -76,11 +76,11 @@
if (!(prop in attributes)) {
if (/opacity/i.test(p)) {
attributes[prop] = function(l,o,a,b,v) {
l.setAttribute(o, (number(a,b,v) * 100 >> 0) / 100 );
l.setAttribute(o, (number(a,b,v) * 1000 >> 0) / 1000 );
}
} else {
attributes[prop] = function(l,o,a,b,v) {
l.setAttribute(o, (number(a,b,v) *10 >> 0 ) / 10 );
l.setAttribute(o, (number(a,b,v) * 1000 >> 0) / 1000 );
}
}
}

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "kute.js",
"version": "1.6.4",
"version": "1.6.5",
"description": "Complete Native Javascript animation engine.",
"main": "kute.js",
"scripts": {