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