６/25 ナビゲーションのフロート
ライブビューでのブロック挿入
- 囲む＞選択したタグの親要素として挿入
- ネスト＞選択したタグの子要素として挿入
ナビゲーションのフロート
ナビゲーションないだけに指定できる様に子孫セレクタで限定する
今日のひとこと
小テストでクラスとclassの違いでミスって悔しかったです😭
７/２ セレクタのおさらい
グループセレクタ
- 複数セレクタに同一指定
子孫セレクタ
- 特定の親要素セレクタの限定
擬似クラスセレクタ
- 状態をセレクタに
box-sizing
- border-boxにするとwidthの値にpadding,borderを含まず簡単に指定できる
今日のひとこと
途中で色が切れるけどいいのかなって思いました。
７/９ トップページデザイン
background-repeat
repeat
タイル状に繰り返す
repeat-x
横方向のみリピート
repeat-y
縦方向のみリピート
デザインカンプ
実装を伴わないデザインのみの完成版
- デザイン
- コーディング（HTML）
の流れを作ることで、
- デザイン修正に伴うhtml修正を防ぐ
- HTMLに縛られずデザインできる
- コーダーと役割分担ができる
XD
- サイト単位でリンク付きでデザインカンプが作成できる
- 画像処理はphotoshopの方が高性能
今日のひとこと
今回がこの授業で初の対面授業でした。
７/１６ コーディングでの再現
数値化
- html/CSSで指定するには値の数値が必要
- XD等ではパネル
- PsではCSSのコピー等
- Dwはドラッグでプレビューしながら再現可能
今日のひとこと
xdとかで作った方が悩まずに進められる