英会話スクールのLP

使用スキル

• HTML
• CSS
• SASS
• JavaScript

こだわり

フェードで切り替わるメインビジュアルをバニラのJavaScriptで書いた点です。

苦戦した点

「BBBが選ばれる理由」の左右から飛び出してくる四角のアニメーションです。スクロールされて要素が画面内に入ったら発火にしているのですが、InterSectionObserverが思うように動かず、モチベーションが削られながらなんとか完成させました。

学んだこと

FLOCSSの構成で定義した色やフォントサイズを別ファイルで読み込むのに@use ファイル名 as *を使うと毎度略称を書かなくても定義を呼び出せることを学びました。

補足

この作品はCodejump様のコーディング練習の素材をお借りしたものです。