7月の授業日記

6/2 ナビゲーションのフロート

ライブビューでのブロック挿入

  • 囲む>選択したタグの親要素として挿入
  • ネスト>選択したタグの子要素として挿入

 ナビゲーションのフロート

ナビゲーション内だけに指定できる様子孫セレクタで限定する 

 7/2 セレクタのおさらい

グループセレクタ 

  • 複数のセレクタに同一指定

 子孫セレクタ

  • 特定の親要素のセレクタに限定

 疑似セレクタ

  • 状態をセレクタに

 box-sizing

  • border-boxにするとwidthの値にpadding,borderを含まず簡単に指定できる

今日の一言

難しかったです。

7/9 トップページデザイン 

background-repwat

repeat

タイトル状に繰り返す

repeate-y

縦方向のリピート  

デザインカンプ

実装を伴わないデザインのみの完成版

  1. デザイン
  2. コーティング(html)

の流れで作る事で

  • デザイン修正に伴うhtml修正を防ぐ
  • htmlに縛られずデザインできる
  • コーダーと役割分担ができる

XD

  • サイト単位でリンク付きでデザインカンプが作成できる
  • 画像処理はPhotoshopの方が高機能

今日の一言

よくできました」

 7/16 コーティングでの再現

数値化

  • html/CSSで指定するには値の数値が必要
  •  XD等ではパネル
  • PSではCSSのコピー等
  • DWはドラッグでプレビューしながら再現可能 
新規 article タグの内容がここに入ります