SYSTEM DEVELOPMENT

SYSTEM DEVELOPMENT

動的なWebページを簡単に作成できるjavascriptプラグイン

ここ最近、 趣味でjavascriptを触っています。
Webページをデザインする際は、BootstrapなどのCSSフレームワークを使用することも多いかと思います。フレームワークによっては、動的なコンポーネントが多数用意されていたりもしますが、DOMの動き方がどうも気に食わず、いっそのこと自分でアニメーション処理を作れたらいいのに・・と思うこともあります。
つい先日、javascriptでアニメーションってどうやって実装するんだろう・・と調べていたら、「anime.js」というjavascriptプラグインを発見しました。
使い方はとても簡単で、アニメーションさせたいDOMの要素と、CSSプロパティの始点/終点、アニメーションの種類と時間を指定するだけでDOMを動かすことができます。ドキュメントはすべて英語ですが、一通り目を通せばすぐに使えるようになるかと思います。
もし自宅でWebサイトを作る機会などありましたら、ぜひ試していただければと思います。
http://animejs.com
 

menu