6/25 ナビゲーションのフロート
ライブビューでのブロック挿入
- 囲む＞選択したタグの親要素として挿入
- ネスト＞選択したタグの子要素として挿入
ナビゲーションのフロート
ナビゲーション内だけに指定できる様子孫セレクタで指定する
今日の感想 ライブビューでの操作の理解やテストの理解が深まりました
7/2 セレクタのおさらい
グループセレクタ
- 複数のセレクタに同一指定
子孫セレクタ
- 特定の親要素のセレクタに限定
擬似クラスセレクタ
- 状態をセレクタに
box-sizing
- border-sizingにするとwidthの値にpadding,borderを含まず簡単に指定できる
きょうのひとこと
今日は画像の貼り付けについてさらに理解を深めることができ、またサイトも少しづつ彩られ楽しかったです。 サイトの昨日だけでなく外観を形成できるのが何より楽しくなっています。
7/9トップページデザイン
新規 article タグの内容がここに入ります
background-repeat
repeat
タイル状に繰り返す
repeat-x
横方向のみリピート
repeat-y
縦方向のみリピート
きょうのひとこと
今日はXDを使用することで サイトを作るに過程にあたってデザインに幅を広げるということを学び、また知識が身につきました。覚えることが増えましたが同時にできることの幅も広がったのでとても有意義な学習になりました。
デザインカンプ
実装を伴わない データのみの完成版
- デザイン
- コーディング（html）
の流れで作ることで
- デザイン修正に伴うhtml修正を防ぐ
- htmlに縛られずデザインできる
- コーダーと役割分担できる
XD
- サイト単位でリンク付きでデザインカンプが作成できる
- 画像処理はphotoshopの方が高機能
７/１６ コーディングでの再現
数値化
- html/CSSで指定するには値の数値が必要
- XDなどではパネル
- PSではCSSのコピー等
- DWはドラッグでプレビューしながら再現可能
きょうのひとこと
今日はデザインカンプから初めて自分でコーディングするまでの工程ができてとても楽しかったです！今後も覚えたことや慣れた工程を忘れないようにしていきたいと思います。