【自主制作】特設サイトLPコーディング(コーディング/サーバーアップ)
OVERVIEW
仮想案件のAdobe XDデザインカンプを使用し、0からフルスクラッチでコーディングを行いました。
●制作期間:25時間
●制作内容:実案件をモデルにしたコーディング教材(※以下、仮想案件と呼びます)のAdobe XDデザインカンプを元に、0からフルスクラッチでコーディングを行いました。レスポンシブにも対応しております。
●使用言語:HTML, CSS, jQuery
●使用ツール:VSCode, Adobe XD
●サイトURL:WEBサイトへ
●制作サイトURL
●制作のポイント
①ピクセルパーフェクトでのコーディング
以下に注意し、デザインカンプ及び指示通りの実装を行いました。
・デザイン下の「資料請求」などの3つのボタンはスクロール時に追従するよう設定。
PC版のみメインビジュアルの右上にある「資料請求」のボタンも追従し、スマホ時は非表示。
・XDファイルより余白、フォントサイズ、仕様を抽出し仕様通り実装