静的コーディング
PDFにマークアップ
techmeets様のイベントで配布されたPDF形式のデザインカンプに
タグを書き込んでいきました。
モバイルファーストでコーディング
ヘッダー部分のスマホ版の次に、ヘッダー部分のPC版を行い、メインビジュアル部分のスマホ版の次に、メインビジュアルのPC版というようにコンテンツごとにスマホ版→PC版の流れでコーディングしました。
※後から調整すると思わぬレイアウト崩れの危険があります。
背景だけダークトーンにして、文字を際立たせたり、疑似要素(NEWSコンテンツ内の斜めの棒)を取り入れて、デザインを忠実に再現できるよう心がけました。
クリックするとスマホサイトが閲覧できます