6/25 ナビゲーションのフロート
ライブビューでのブロック挿入
- 囲む＞選択したタグの親要素として挿入
- ネスト＞選択したタグの子要素として挿入
ナビゲーションのフロート
ナビゲーション内だけに指定できる様子孫セレクタで限定する今日の一言
徐々に複雑だなと感じるところもありますが、テストの時にしっかり答えれるようにしておきたいなと思います。
7/2 セレクタのおさらい
グループセレクタ
- 複数のセレクタに同一指定
子孫セレクタ
- 特定の親要素のセレクタに限定
擬似クラスセレクタ
- 状態をセレクタに
box-sizing
- boirder-boxにするとwidthの値にpadding-,borderを含まず簡単に指定できる
今日の一言
少し複雑に感じましたが、まだ理解できているのでこのまま頑張っていきたいです。
7/9 トップ トップページデザイン
新規 article タグの内容がここに入ります
backgroung-repeat
repeat
タイル状に繰り返す
repeat-x
横方向のみリピート
crepeat-y
縦方向のみリピート
デザインカンプ
実装を伴わないデザインのみの完成版
- デザイン
- コーディング(html)
の流れで作る事で
- デザイン修正に伴うhtml修正を防ぐ
- htmlに縛られずにデザインできる
- コーダーと役割分担ができる
XD
- サイト単位でリンク付きでデザインカンプが作成できる
- 画像処理はPhotoshopの方が高機能
今日の一言
XDでトップ部分を作ってよりサイト感が出てきたと感じた。
7/16 コーディングでの再現
新規 article タグの内容がここに入ります
数値化
- html/CSSで指定するには値の数値が必要
- XD等ではパネル
- PSではCSSのコピー等
- DWはドラックでプレビューしながら再現可能
今日の一言
どんどんサイトのようになっていて面白い。