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

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

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

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

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

今日のひとこと

色味が可愛いページができて満足です。

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

グループセレクタ

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

子孫セレクタ

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

類似セレクタ

  • 状態をセレクタに  

box-sizing 

  • box-sizingにすると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はドラッグでプレビューしながら再現可能 

今日のひとこと

フォントの位置調整が難しかったです。