■

CSS3のdelayが信頼できないのでPython3でできるツールを作成した

・githubに載せたよ
https://github.com/shinriyo/delayremover

□概要
CSS3のアニメーションでは、〜秒遅らせて表示させる"delay"が遅れたり早まったりと信頼ができません。
delayを0にしてキーフレームを調整する必要があります
※0sもOKだが0のみ単位は不要なので軽量化のためsを消している

□使い方
1.ダウンロード

※gitがあれば以下のコマンドでダウンロード

git clone git@github.com:shinriyo/delayremover.git

2.input.txtにアニメーションを行わせたいCSSを記述

※「アニメーションのCSS」→「アニメーションの呼び出し元」の順番は順守してね。
　.から始まるクラス名が呼び出し元となります

@-webkit-keyframes AN-ani-12079 { 
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }

    0.01% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }

    65.84% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
}

.run #AN-sObj-12063 {
    -webkit-animation-name: AN-ani-12079;
    -webkit-animation-duration: 1.113s;
    -webkit-animation-delay: 0;
    -webkit-animation-fill-mode: both;
}

3.コマンドを入力

python delayremoer.py

4.output.txtに結果が出てきます。
※上書きされるので最初から書いてあるのはそのままでOK

@-webkit-keyframes AN-ani-12079 {
    83.407% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }

    83.409% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }

    94.332% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
        -webkit-animation-timing-function: linear;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }
}

    -webkit-animation-duration: 1.113s;
    -webkit-animation-delay: 0;

5.@から始まるのはそのまま上書きし、以下の2行で元のCSSを書き換えます

    -webkit-animation-duration: 1.113s;
    -webkit-animation-delay: 0;

6.0%は自分で記載してOK。

@-webkit-keyframes AN-ani-12079 { 
    83.407% { /*　①83.407を下からコピーして　*/
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }

    83.407% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }

↓

@-webkit-keyframes AN-ani-12079 { 
    0% { /*　②0%にする　*/
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }

    83.407% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: linear;
    }

6.完了です。

RedmineのAPIの使い方詳しい　Python

http://www.r-labs.org/projects/r-labs/wiki/Redmine_REST_API

Python3.xでのDecimalのインポート　Python

Python3.2.2でハマった。

import decimalではだめ

>>> import decimal
>>> Decimal('100.320').quantize(Decimal('.01
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
NameError: name 'Decimal' is not defined

こうするとDecimalが使える

from decimal import *