Igarashi Education

ソースコード

HTML / CSS(Sass) / jQuery

制作期間　2020/12月〜

本制作物はwebデザイナーであるいがらし様(@ririru_123)がデザインされた。

現場での実務を想定し、adobeXDデザインカンプを元にコーディングをした。

デザインカンプはPCサイズ、タブレットサイズ、スマホサイズの３サイズ。こだわった点は、どの端末・ブラウザで見た際もレイアウトが崩れないことです。

そのために、端末の横幅を基準とし、値を全て相対値で指定をし、アスペクト比が変わらない様に制作した。

また、各ブラウザへ対応するためにIEは11以上、Androidは4.4以上、その他は最新2バージョンでベンダープレフィックスを指定することで対応した。制作期間は2020年11月25日より同年12月1日の7日間。制作時間は約20時間。