ストレスの無いCSSアニメーションを - latest log
今日は、CSSアニメーション機能を担当する uu.tween.js のリライトをしていました。 uu.tween.js を組み込むと、CSS の色, サイズ, 位置を利用したアニメーションが可能になります。これ自体はよくある機能なのですが、他のライブラリにない特徴として、CSSプロパティ個別に easing 関数を割り当てられます。 デモ http://pigs.sourceforge.jp/blog/20091216/ ノード3個 と 15個版があります。ノード数が違うだけで何身は一緒です。デモにある円弧軌道は、left, top に別々の easing 関数を割り当てて実現しています。 easing 関数 デフォルトの easing関数 は easeInOutQuad です。plug/easing/uup.easing.js を組み込むと他の関数を利用できます。 http://code
CSS2KB をちょっと改良 + CSSファイル に Canvas の描画ルーチンを埋め込む - latest log
CSSにデータを埋め込む方法を考えてみた(CSS2KB) - latest log の続き CSS2KB とは CSS にちょっとした情報を埋め込むトリックの1つ。 list-style: url(1dot.gif?key=val) から key=val を取り出せるというもの。 CSS2KB の難点は、ダミーファイル(1dot.gif) が実際に必要だった点 ダミーファイルのロード ⇒ 通信が余計に発生するよね ダミーファイルが 404 だと? ⇒ key=val が取り出せない ⇒ それってまずいよね ダミーファイルが邪魔なので、もうちょっと考えてみた 試しに、URL を list-style: url(?key=val) だけにしてみたら ダミーファイル(1dot.gif)が不要に CSS のファイルパスが補完された形で取得できる ⇒ 補完された CSS のURLがついでに取れてくる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
