デザインカンプからのコーディング(Photoshop)

Adobe Photoshopのデザインカンプからコーディングを行いました。

» サイトへのリンク

開発の経緯

実務で使うことの多いPSDデータからのコーディングの練習のために、制作しました。

こちらのサイトからPSDデータをダウンロードして、コーディングしました。

ポイント

・Adobe Photoshopの基本的な操作方法を習得
・画像素材の書き出し
・文字情報(書体・色・大きさ等)の取得

使用言語

HTML5 / CSS3 / Sass

ソースコード

GitHub(corporate-sample)

全画面キャプチャ

PCイメージ(Googleドライブ)