7月の授業日記

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

ライブビューでの挿入

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

ナビゲーションのフロート

ナビゲーション内だけに指定出来るよう子孫セレクタで限定する

今日の一言

色味がひどいことになった…

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

グループセレクタ

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

子孫セレクタ

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

疑似クラスセレクタ

  • 状態をセレクタに

box-sizing

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

今日の一言

マウスオーバーのことをよく理解出来ていなかった。 

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

background-repeat

repeat

タイトル状に繰り返す 

repeat-x

横方向のみリピート

repeat-y

縦方向のみリピート

今日のひとこと

前回より余裕を持って取り組めたし、問題点も解決出来ていたのでよかった! 

デザインカンプ

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

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

の流れで作ることで

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

XD

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

7/16 コーディングでの再現

数値化

  • html/CSSで指定するには値の数値が必要
  • XD等ではパネル
  • PSではCSSのコピー等
  • DW はドラッグでプレビューしながら再現可能

今日のひとこと

バナーの背景画像の大きさも直ったし、フォントの設定も出来た。