• スクロールによってcssの値を変更することができます。
• パララックス効果を実装することができます。
• スクロール位置でclassの変更が行えます。

• ReactやVue.jsなどのフレームワークを使わずに、HTMLのdata属性を取得して、特定の関数を実行することができます。

専門学校で教えている中で、毎年2年生に、パララックス効果を使ったサイトの課題を出しています。 自分としても作ってみようと思い、仮のサイトとして母の日をモチーフにショッピングサイトのキャンペーンサイトをイメージして制作しました。

• Photoshopプラグインのダウンロード。
• レイヤー名の置換や変更、便利なショートカットの紹介。