最近の Web サイトにおいてアニメーションによるコンテンツの演出が多く見られるようになりました。 ただ、重い。 手軽に導入できるようになった反面、描画コストにも意識を向ける必要があります。 最近一般的になってきたのは 「CSS 3 によるアニメーションは GPU を使うので、CPU への負荷が少なく良さがある、なるべく CSS で処理して、タイミングを JS でコントロールしましょう」 みたいなこと。 こちらの記事などはとても有名です。 スムーズなアニメーションを実装するコツと仕組みを説明するよ。CPUとGPUを理解しハードウェアアクセラレーションを駆使するのだ!(Frontrend Advent Calendar 2013 – 06日目) それに伴って、最近知ったのが、「アニメーションによる再描画の領域を可視化できる」ということ。 これは Chrome の dev ツールで出来る。(
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く