今回のテーマはCSSです。Webページ上でのイベントを補足して何か処理を行おうと思うとついJavaScriptでやってしまいます。開発者にとってはもちろんその方が簡単なのですが、余計なコードが増えてメンテナンス性が悪くなることがあります(特にアニメーション)。

そんな時にスタイルシートを使えば解決できるかも知れません。今回はスタイルシートだけで実現してしまうオープンソース・ソフトウェア、スタイルシートの利点などを紹介します。

GPUベースのアニメーション

CSS3では3D Transformを使うとアニメーションにGPUを使うようになります。JavaScriptでのアニメーションの場合、CPUを使うのでスムーズさがなかったり、負荷が高くなってしまいます。CSS3を使うのであればGPUを積極的に使いましょう。

なおアニメーションとしては移動したり、回転、縮尺変更、傾斜そして遠近効果が提供されています。