ユアコーディング

OVERVIEW

架空のWeb制作サイトを想定してコーディングしました。

YEAR 2022

作業内容

  • XDデザインカンプカンプからHTML/CSSコーディング(LP)
  • デザインカンプはしょーごさんより
  • 制作時間:50時間

工夫したこと

  • アコーディオンメニューはJavascriptを書いて、1つめのメニューだけ開いた状態にしています。
  • 制作実績部分は、swiperを使用してスライダーにしました。
    5秒おきに自動スワイプ、スマホで指でも左右にスワイプできるようにしています。
  • 各々の要素がふわっと表示させるのは、AOS.jsを使用しています。
  • ヘッダー部分が固定された状態でスクロールできるのは、display:fixed;を使用しています。
  • javascriptを書いて、メニューにある「特徴」「価格」「お問い合わせ」をクリックすると、ヘッダー部分に隠れないようにして、ページ内へスムーススクロールします。

リンク先:ユアコーディング

ID:user
PW:test111


WEBSITE