カフェのホームページ

使用スキル

• HTML
• CSS
• SASS
• JavaScript

こだわり

READ MOREのボタンにホバーしたら線が伸びる点です。

苦戦した点

Sass、特にFLOCSSの書き方とJavaScriptで作ったハンバーガーメニューです。
SassもJavaScriptも初挑戦で悪戦苦闘しながら作りました。とくにJavaScriptは関数に慣れなくて時間がかかりました。しかしその頑張った分だけ完成した時の達成感がすごくて、次を作るモチベーションになりました。

学んだこと

SassとJavaScriptは言わずもがなですが、他にもパララックスをCSSだけで実装できることに驚きました。
作り方を解説している動画を参考にしながら、どういう組み合わせのスタイルを当てればパララックスが完成するのかを細かく理解していきました。そして、この学びを通じてすでに知っていることでも重ね掛けすればまた新しい機能を実装できると知ったので、これ以降柔軟な思考を持つことを心がけています！

補足

この作品はCodejump様のコーディング練習の素材をお借りしたものです。
ページトップのサイトのスクショにはパララックスの部分が写っておりません😭