アニメーションをwebサイトに加えたい時、ほとんどの人がライブラリを使うと思うのですが、今回はライブラリなんてしようせず生のjavascriptで作成するアニメーションとcssのkeyframで作るアニメーションはどう違うのかを疑問に解説した記事です。 CSSの ...

CSSアニメーション（Keyframes）は手軽ですが、ユーザー操作への応答や複雑な演算（正弦波など）を用いた動きには不向きです。ブラウザの描画サイクルと同期し、60fpsの滑らかな動作を実現するには requestAnimationFrame が必須となります。 実務で即座に使える ...

デザインとテクノロジーをもとにブランディングやWebサイト制作などを手がける、米国のエージェントのポートフォリオサイト。 気持ちよく回転する円グラフ シンプルなフラットデザインを採用した「Knormal」のポートフォリオサイト。このサイトでは、3枚 ...