【デモ】セミナー/コーディングのみ

コーディング講座の課題として制作したセミナーのデモLPサイトです。

既存のデザインカンプをもとに、ピクセルパーフェクトで正確にコーディングを行いました。
細部の余白やフォントサイズまで忠実に再現し、実務を意識した仕上がりを目指しました。

デモサイトながら、実案件を意識して制作フロー・設計を整えました。
FLOCSS設計を取り入れることで、拡張性の高いコーディングを実践しています。

【制作概要】

制作目的：既存デザインカンプの再現（デモサイト）
デザインツール：Adobe Photoshop
コーディング環境：Gulp
CSS設計：FLOCSS
使用言語：HTML / Sass (SCSS記法) / JavaScript