7月の授業日記

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

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

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

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

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

 今日の一言

ハプニングはあったけど一応できました!!ハッピー 

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

 グループセレクタ

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

子孫セレクタ

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

擬似クラスセレクタ

  • 状態をセレクタに

box-sizing

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

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

background-repeat

repeat

タイル状に繰り返す

repeat-X

横方向のみリピート

repeat-y

縦方向のみリピート

 デザインカンプ

実装をを伴わないデザインのみの完成版
  1. デザイン
  2.  コーディング(html)
の流れで作ることで  
  • デザイン修正に伴うhtml修正を防ぐ
  • htmlに縛られずデザインできる
  • コーダーと役割分担できる 

XD

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

今日のひとこと

基本的になんとなくできた。最後の方がよくわからなかった。ちゃんとできてますかね?

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

新規articleタグの内容がここに入ります

数値化

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