タグ

JSに関するevergreeenのブックマーク (2)

  • HTMLもSVGもテキストも自在!DOMアニメーションの決定版「KUTE.js」が登場

    ハイパフォーマンスで超多機能を謳うアニメーションライブラリーが登場しました。HTMLSVG、テキストなど、プラグインで拡張できる注目のJavaScriptライブラリーを試してみましょう。 この記事ではthednpとdalisoftによって開発されたオープンソースの多機能フリーJavaScriptアニメーションエンジンKUTE.jsを紹介します。 KUTE.jsでできること KUTE.jsではアニメーションのコアエンジンと、特定のプロパティにアニメーションを実装するたくさんのプラグインが利用可能です。このライブラリーはKUTE.jsのモジュール構造によって高い性能と柔軟性があります。 コアエンジンで実装できるアニメーション コアエンジンだけを使って実装できるアニメーションは以下です。 Opacity(透明度)プロパティ matrixおよび2軸で値を指定したskew、scaleを除く、すべて

    HTMLもSVGもテキストも自在!DOMアニメーションの決定版「KUTE.js」が登場
  • CSSライクでデザイナーに優しい!anime.jsはDOMアニメーションの新定番だ!

    Webアニメーションの実装方法として海外でいまもっとも話題なのが、anime.jsでしょう。日の「アニメ」が語源の注目のDOMアニメーションライブラリーの使い方を詳しく。 もし速くて軽いアニメーションのライブラリーを探しているなら、Julian Garnierが考案したanime.jsを検討してみてはどうでしょうか。 この記事は、SVG画像を含む動的なDOMアニメーションに関する解説です。記事では、canvas-WebGLやSVGに特化したアニメーションライブラリーに触れるつもりはありません。ただし、WebページのHTML要素(理想的にはSVG画像も)のアニメーションに適していれば、別の機会に紹介するかもしれません。 記事の目的はライブラリーを分析してコードを掘り下げることではありません。主にCSSを使う人が、DOMのアニメーションのためにJavaScriptでなにができるかを追及する、

    CSSライクでデザイナーに優しい!anime.jsはDOMアニメーションの新定番だ!
  • 1