6/25 ナビゲーションのフロート
ライブビューでのブロック挿入
- 囲む＞選択したタグの新要素として挿入
- ネスト＞選択したタグの子要素として挿入
ナビゲーションのフロート
ナビゲーション内だけに指定できる様子孫セレクタで限定する
新規アーティクル
7/2 セレクタのおさらい
グループセレクタ
子孫セレクタ
擬似セレクタ
box-sizing
- border-boxにするとwidthの値にnadding,boderを含まずに簡単に指定できる
7/9 トップページデザイン
新規アーティクル
background-repeat
repeat
タイル状に繰り返す
repeat-X
横方向のみリピート
repeat-y
横方向のみリピート
デザインカンプ
実装を伴わないデザインのみの完成版
- デザイン
- コーディング
の流れで作ることによって
- デザイン修正に伴ういhtml修正を防ぐ
- htmlに縛られずデザインができる
- コーダーと役割分担ができる
XD
- サイト単位でリンク付きでデザインカンプが作成できる
- 画像処理はPhotoshopの方が高機能
今日の一言
全部難しかったです。時間いっぱい使ってできたので次は余裕を持って終わらせられるようにしたいです。
7/16 コーディングでの再現
数値
- html/CSSで指定するには数値の値が必要
- XDではパネル
- PCではCSSのコピー等
- DWではドラッグでプレビューしながら再現可能
今日の一言
時間に余裕ができたのでみんなのサイトを見ることができました。