7月の授業日記

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

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

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

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

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

今日のひとこと

CSSが死んでしまいました。かわいそうに…… 

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

background-repeat

repeat

タイル状に繰り返す

repeat-x

横方向のみリピート

repeat-y

縦方向のみリピート

デザインカンプ

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

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

の流れを作る事で

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

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

今日のひとこと

目がわる〜〜〜〜〜い

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

数値化

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

今日のひとこと

Adobeは便利だなぁ