ホームページ作成(PC版コーディングのみ)

作業時間 コーディング 約2週間

使用した言語 HTML, CSS, SCSS, jQuery

制作サイト:ハシモトパック

ソースコード(GitHub)


【概要】

Adobe XDのデザインカンプからコーディング対応しました。
(デザインは対応していません)

【意識したこと】

これまでLP制作が多かったので、ホームページ制作に慣れるためにデザインカンプからコーディングしました。

【問題点】

LPと違い、ホームページではコーディング量が多く、せっかくコーディングした後に同じclass名を使ってしまい気がついたらデザインが崩れてしまうミスがあった。

【感想】

せっかくSCSSを使ってコーディングしているので、同じclass名を使ってしまわないように入れ子形式でのコーディングを意識すればよかったと思う。
シンプルなデザインだが細かい部分で難しいところがあった。Adobe XDに慣れるには丁度良かったと思う。





Hashimoto-Packe

CATEGORIES