個人開発の一環でWebデザインのモーションのアイデアを集めたサイトを作りました。掲載されているコードは自由にお使いいただけます。 このサイトのコンセプトやどのような作りになっているのか紹介します。 サイト概要 Webデザインにおける様々な動きに注目して、そのプリミティブな要素を紹介したサイトです。個々の作例には実装コードを掲載していて、コピペで利用することもできます。内容もよく紹介されているような基礎的なものは少なく、少し改造すれば使えるような実践的なものを紹介しています。そのためHTML・CSS・JavaScriptの基本を理解している前提のレベル感になっています。 そのほかWebの動きに関するコラムやTips的な読み物もあります。 使用技術 各使用技術についてそれぞれ説明していきます。 レンダリング戦略 サイトの性質として、そう頻繁な更新やリアルタイム性が求められるものではないのでSS