７月の授業日記

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

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

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

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

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

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

グループセレクタ

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

子孫セレクタ

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

box-sizing

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

今日のひとこと

首と肩が痛くなりました。

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

background-repeat

repeat

タイル状に繰り返す

repeat-x

横方向のみリピート

repeat-y

縦方向のみリピート

デザインカンプ

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

  1. デザイン
  2. コーディング 
の流れで作ることで
  • デザイン修正に伴うhtml修正を防ぐ
  • htmlに縛られずデザインできる
  • コーダーと役割分担ができる

XD

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

    • きょうのひとこと

    教材を見ながら躓くことなく進めることが出来ました。

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

    数値化

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

    きょうのひとこと

    フォントの設定の仕方を覚えることができてよかったです。
    新規