2018年05月2日(水)
SVGにも対応!滑らかな動きを実現するモーションライブラリ11選
iPhone Xには「Super Retina HD ディスプレイ 」が搭載されており、今後のスマートフォンの主流が「超高画素」になることは間違いないでしょう。
これらの ディスプレイ でJPEGやGIF画像を見ると画像が荒れて見えることがありますが、その対処法としての画像が劣化しないSVGの使用の拡大は、Webデザイン界では急務となっています。
ベクターデータは、単に静止画像で活用されるだけでなく、アニメーションでの利用もしやすいのが特徴です。しかし、SVGなどをそのままアニメーションに利用するのは難しいので、モーションライブラリと呼ばれるアニメーション用ライブラリを導入するのが手っ取り早いでしょう。このようなライブラリを使えば、 JavaScript 側で、関数などを使ってアニメーションを実装できるようになるからです。
今回は、滑らかな動きを実現する JavaScript モーションライブラリ11選をご紹介していきます。アニメーションは冗長なコードになりやすいで...
author:
ferret [フェレット]
株式会社ベーシックが運営するWebマーケティングに特化したオウンドメディア
‹ PREV
【マケスト提供】『FreshVoice』日本の働き方改革に貢献する純国産のWeb会議システム
NEXT ›
視覚と聴覚に訴える!100万再生以上された秀逸な動画プロモーション5選【自社プロダクト篇】
関連記事
Ads
株式会社ベーシックが運営するWebマーケティングに特化したオウンドメディアferret [フェレット]の記事『SVGにも対応!滑らかな動きを実現するモーションライブラリ11選』についてまとめています。
この記事は特にjavascript・アニメーション・jQuery・SVG・フォント・スマートフォン・HTML5・Illustrator・LINEについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のferret [フェレット]で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとferret [フェレット]の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。