デザインとまとめ社

模写コーディングをやってみよう

HTML & CSSのイベントを開催します。模写コーディングでは、実際にあるサイトを見ながらマークアップ、スタイリングをします。今回は、初心者から中級者を対象に比較的簡単なレベルのサイトを模写コーディングしていただきます。イベントの最後にFlexboxの使い方を学びます。気軽にご参加ください。

開催日:2021年12月12日

時間:18:00 - 19:00

主催:デザインとまとめ社スタッフ

価格:500円

イベントの内容

5分イベントの概要とルール説明
30分模写コーディング
15分コーディングの答え合わせ
10分Flexboxの使い方

使用するアプリ

このイベントでは、Visual Studio Code アプリを使います。事前にインストールしてご準備ください。

https://azure.microsoft.com/ja-jp/products/visual-studio-code/

模写コーディングのルール

  • ブラウザのデベロッパーツールは使わない
  • カラー・フォントを調べることはOK
  • レスポンシブ時の可変を同じにする

模写コーディングの手順

  1. 模写するサイトのキャプチャーと画像のダウンロード
  2. 実際にマークアップ、スタイリングを行う
  3. デベロッパーツールを使ってコーディングを確認