inter-ideograph;}will-changeプロパティ今回は、TOPやCULTUREページ内に多くのアニメーションをつけています。見た目が華やかになって、面白いページができるのがアニメーションのいいところなのですが、コーダーにとっては、画像のちらつきをいかに抑えるかが腕の見せ所になります。translateZ();などのCSSハックを使って、2Dの要素を3Dの要素だとブラウザに認識させることで、なめらかなアニメーションを実現していました。この方法だと、GPU使用率が上がりモバイル端末では悪影響であることがわかりました。そこで今回は、will-changeプロパティを使っています。ブラウザに、animationの処理をしますよーとあらかじめ宣言することができるwill-changeプロパティ。ブラウザは、animationに備えてブラウザを最適化して、待っていてくれるというすぐれものです。便利な反面、ブラウザの最適化は思いがけない副作用をもたらすことがあります。使うときは、よく注意して使ってください!ここぞというとき以外は、使用しない方が無難です。}ESTADO様は、インターン・新卒や中途採用を積極的にされています。APIについてまとめてくれました。彼のエンジニア系ブログ、デビューの記事です。現在の挑戦や課題にも目を背けず、着実に解決していく必要があると考えます。