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

Posted by

ここ最近、 趣味でjavascriptを触っています。

Webページをデザインする際は、BootstrapなどのCSSフレームワークを使用することも多いかと思います。フレームワークによっては、動的なコンポーネントが多数用意されていたりもしますが、DOMの動き方がどうも気に食わず、いっそのこと自分でアニメーション処理を作れたらいいのに・・と思うこともあります。

つい先日、javascriptでアニメーションってどうやって実装するんだろう・・と調べていたら、「anime.js」というjavascriptプラグインを発見しました。

使い方はとても簡単で、アニメーションさせたいDOMの要素と、CSSプロパティの始点/終点、アニメーションの種類と時間を指定するだけでDOMを動かすことができます。ドキュメントはすべて英語ですが、一通り目を通せばすぐに使えるようになるかと思います。

もし自宅でWebサイトを作る機会などありましたら、ぜひ試していただければと思います。

http://animejs.com

 

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA