インテリアショップのホームページ

使用スキル

• HTML
• CSS
• SASS
• JavaScript

こだわり

画面内に要素が入ったら左から順にしたからフェードインしてくるアニメーションです。

苦戦した点

上記のアニメーションです。ライブラリなどを使わずバニラのJavaScriptで作ったのでとても難しかったですが、その分どの要素を取得して、どんなコードを書けば想像している通りにアニメーションするかを考える力が鍛えられました。

学んだこと

ページが複数ある時のSassのファイルの分け方です。当時はFLOCSSを使い始めたばかりだったので、それぞれのファイルの役割を学ぶいい機会になりました。

補足

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