Webアニメーションを高速化するために知っておくべき10のこと（前編）

テクノロジーカテゴリーの変更を依頼記事元:

132 usersがブックマークコメント

Webアニメーションを高速化するために知っておくべき10のこと（前編）

Webアニメーションを高速化するために知っておくべき10のこと（前編）斉藤祐也（株式会社リッチメディ... Webアニメーションを高速化するために知っておくべき10のこと（前編）斉藤祐也（株式会社リッチメディア）アニメーション／トランジションは身の回りに当たり前にあるものです。むしろ普段の生活では「0」が「1」に変化するものの方が珍しいでしょう。アニメーション／トランジションはデジタルなWebに対して自然な変化を提供する大切なツールです。今回はそんなアニメーション／トランジションをより自然にスムーズに動作させるために知っておきたいことを前・後編の2回に分けて紹介していきます。アニメーションを高速化する理由アニメーションは先ほど書いたように普段の生活にも存在しています。だからこそ、我々はスムーズではないアニメーションを見つけるのが得意です。アニメーションに限定した話ではありませんが、FacebookのShane O’Sullivan氏が、ページロード後のレンダリングパフォーマンス

ooyabuh “ハードウェア・アクセラレーションを利用すると言った場合、端的に言ってしまえば、transform: translate3d(0,0,0)あるいは、transform: translateZ(0)という3Dに関連するプロパティを追加すると、実際に値がゼロであってもブラウザ

2013/09/19 リンク