iPhone Xには「Super Retina HDディスプレイ」が搭載されており、今後のスマートフォンの主流が「超高画素」になることは間違いないでしょう。 これらのディスプレイでJPEGやGIF画像を見ると画像が荒れて見えることがありますが、その対処法としての画像が劣化しないSVGの使用の拡大は、Webデザイン界では急務となっています。 ベクターデータは、単に静止画像で活用されるだけでなく、アニメーションでの利用もしやすいのが特徴です。しかし、SVGなどをそのままアニメーションに利用するのは難しいので、モーションライブラリと呼ばれるアニメーション用ライブラリを導入するのが手っ取り早いでしょう。このようなライブラリを使えば、JavaScript側で、関数などを使ってアニメーションを実装できるようになるからです。 今回は、滑らかな動きを実現するJavaScriptモーションライブラリ11選を
![SVGにも対応!滑らかな動きを実現するモーションライブラリ11選](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf2115687806fbbecbcdd20bfbbe86ce9551bda2/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F9712%2Fog_image%2Fdefault-e2aa1e15d2b2e5abd048eb066fd3a8b7.jpg)