7月の授業日記

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

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

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

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

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

グループセレクタ

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

子孫セレクタ

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

擬似クラスセレクタ

  • 状態をセレクタに

box-sizing

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

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

background-repeat

repeat

タイル状に繰り返す

repeat-x

横方向のみリピート

reapeat-y

縦方向のみリピート

デザインカンプ

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

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

の流れで作ることで

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

XD

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

ひとこと

今日も今日とて壊滅的でした。

 
7月
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31