蓼科ごとう農園
デザインカンプからコーディングしました。
Javascriptで、ハンバーガーメニュー、アコーディオン、フェードイン、を実装。
ライブラリのswiperで、スライドを設置。
(アクセスセクションの右は、グーグルマップを配置しています。スクリーンショットでは映らなかった為、最下部のURLよりサイト内でご確認いただけたらと思います。)
【難しかったところ】
ハンバーガーメニューがデバイスからはみ出て、レイアウトがなかなか上手くいきませんでした。原因は、メインビュー内のテキストの横幅が邪魔していたことで、ハンバーガーメニューが押し出される状態になっていました。テキストを、with:80%にすることで収まりました。
【所要時間】
約20時間
- HTML
- CSS
- JavaScript
- sass
- swiper
- jQuery
- GSAP