7月の授業日記

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

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

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

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

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

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

グループセレクタ

  • 複数のセレクタに同一選択

子孫セレクタ

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

擬似クラスセレクタ

  • 状態をセレクタに

box-sizing

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

今日のひとこと

少しつまづいてしまった部分もあったのですが、フォトショの作業が多くてちょっとパソコンが落ちそうになりました(関係ない)

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

repeat

タイトル状に繰り返す

repeat-x

横方向のみリピート

repeat-y

縦方向のみリピート

デザインカンプ

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

XD

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

今日の一言

XDの使い方が未だにあやふやですが、復讐も兼ねてとても勉強になりました。

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

数値化

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

今日の一言

今日の授業、すごく楽しかったです!元々XDでレイアウトしていたから、というのがあったからかもしれませんが、、、w
P.S.DWとXDとZOOM、フルでやっていると落ちそうになりますね(?)

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