concrete5テーマを作る前に

ブロック向けのコーディングやってみよう


concrete5 Kansai Girls
2017.3.11

Escキーで全体をご覧いただけます

今日の資料です

20170311 URL

HTMLとCSS

Doorkeeperでご紹介したProgateへリンクします

CSSのセレクタ

どこに、どのスタイルを設定するかの「どこに」に当たる部分です

MDNへリンクします

ブロックの復習

ブロックは、ページ内のパーツです

いろんな種類のブロックがあります

今日チャレンジするブロック

ページリストブロック

ページリストは、サイトマップの中から選択した階層にあるページの一覧を表示します。

ページリストブロック

リンク先のページの情報を指定したページ分表示します

今日作るコーディングのイメージ

各ブロックの中で有効になるcss設定について考えてみましょう

チャレンジレベル

ご自身のレベルにあわせて、下記のPenをForkしてスタートしてください

  1. マークアップエンジニアさん向け
  2. コーディングもするデザイナーさん向け
  3. 普段 HTML/cssは書かないデザイナーさん向け ※
  4. 今日始めて HTML/cssを触る方向け ※

※は同じです

ワークショップの時間は15分です

CodePenにログイン後、チャレンジレベルにあったPenをForkして、スタートしてください

完成したら、完成したURLを下記のスプレッドシートに記載してください。
20170311 URL