制作時間

2日

担当範囲

XDのデザインカンプからのコーディング

使用ツール

HTML,CSS,jQuery

サイトの紹介

仮想のデザインオフィスサイトのコーディングを行いました。

こちらのサイトはXDのデザインカンプからのコーディングを行いました。

レスポンシブ対応やハンバーガーメニュー、複数ページのディレクトリ構成などを実装しました。

特に大変だったところはメインビジュアルの複数のイメージが順番に表示される部分です。

アニメーションで順番に表示させるのが難しかったです。

アニメーションで表示させる秒数を均等に配分することでうまく表示させることができました。