蓼科ごとう農園

デザインカンプからコーディングしました。

Javascriptで、ハンバーガーメニュー、アコーディオン、フェードイン、を実装。

ライブラリのswiperで、スライドを設置。
(アクセスセクションの右は、グーグルマップを配置しています。スクリーンショットでは映らなかった為、最下部のURLよりサイト内でご確認いただけたらと思います。)


【難しかったところ】
ハンバーガーメニューがデバイスからはみ出て、レイアウトがなかなか上手くいきませんでした。原因は、メインビュー内のテキストの横幅が邪魔していたことで、ハンバーガーメニューが押し出される状態になっていました。テキストを、with:80%にすることで収まりました。

【所要時間】
約20時間

  • HTML
  • CSS
  • JavaScript
  • sass
  • swiper
  • jQuery
  • GSAP
トップへ戻るボタンです。

©2024 tomoko.web