Animation

  • この記事ではブラウザの仕組みを図解を用いてわかりやすくご説明します。 最近のブラウザは優秀なので、ブラウザの仕組みを理解していなくても、パフォーマンスの問題が発生することは少ないかもしれません。 しかし、アニメーションを多用するサイトやユーザーインタラクティブなサイトの場合、パフォーマンスの問題はとてもシビアです。 ブラウザの仕組みを知ることで、ブラウザのパフォーマンスを最大限に引き出す実装を行うことができます。 画面がなめらかに表示されないのはなぜ? スクロールをしていてカクつく。またはアニメーションがカクカクしている時というのはブラウザがどういう状態なのでしょうか? まずは、この状態を定量...
  • Barba.jsを導入して画面遷移にアニメーションを追加する方法をご説明します。サンプルと実際のコードを使用し、実装についてわかりやすくご説明いたします。Barba.jsは代表的なPjaxライブラリでユニークな画面遷移を簡単に実装可能にしてくれます。

最新記事