MOONGIFTニコニコ出張所

業務で使えるオープンソース(224)「CSS」

2017/03/10 14:42 投稿

  • タグ:
  • 登録タグはありません
  • タグ:
  • 登録タグはありません

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

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

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

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

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

 

ここから先は有料になります

ニコニコポイントで購入する

チャンネルに入会して購読する

  • この記事は過去記事の為、今入会しても読めません。ニコニコポイントでご購入下さい。

コメント

コメントはまだありません
コメントを書き込むにはログインしてください。

いまブロマガで人気の記事

継続入会すると1ヶ月分が無料です。 条件を読む

MOONGIFTチャンネル

MOONGIFTチャンネル

月額
¥550  (税込)
このチャンネルの詳細