デザインカンプについては、ねこポン様のこちらの記事およびはにわまん様のこちらの記事よりダウンロードさせていただきました。

※ファーストビューのみのコーディングとなっております。

上記リンクをクリックしていただきますと、Googleドライブのページへジャンプします。コーディングしたファーストビューのスクリーンショットを撮影させていただきましたので、ご覧いただけましたら幸いです。

• 実務ではデザインデータからのコーディングが必須なのでPhotoshopをインストールし、学習を始めました。
• 画像の書き出し、単位をピクセルに変換、文字情報の取得、要素の長さ(width,height)の測定・取得、余白の測定・取得、ドロップシャドウの各値の取得を今回の学習で習得することができました。