古のビデオゲームを YouTube で鑑賞する。

2:30 寝る。

7:05 起床。納豆とコーンマヨパンを食す。歯を磨く。出勤。

外に出たくらいでは雨とも言えぬ雨だが、歩いているうちに雨量が増してくる。 急いで現場へ向かう。

7:45 現場。可燃ゴミ搬出。資源ゴミ処理。館内清掃。 雨のせいで自転車置場の床面が黒ずんでいるので、デッキブラシで擦り落としてバケツの水で払拭する。

10:05 撤収。雨は止んだ。

イトーヨーカドー曳舟店。体温チェック。個人的に記録しておく。

曳舟の部屋。体を拭いて洗濯。PC を開く。

次は CSS の best practices のようなものを調べる。それから自作ページの改良をしたい。

12:00 おやつ。

【ファミコン】百鬼夜行　色んなゲームの悪い所だけを詰め込んだ名作ＲＰＧ - YouTube: 井戸のマップがダンマスの全階層を合体させたくらい広く見える。怖い。 RPG を制作する機会に恵まれたら、攻略無意味なダンジョンを量産しよう。

12:30 歯を磨く。CSS practices で Google 検索して、出てきた記事から忠告やヒントを断片的に収集しよう。

  • リセットを使え。
  • スタイルシートをトップダウン構造で整理しろ。
  • 見出し要素をまとめろ。個別の設定は後でできる。
  • クラスを複数使えないか考えろ。
  • DOCTYPE を明記しろ。
  • 個別記法より省略記法を使え。
  • インライン要素とブロック要素の違いを理解しろ。
  • モノを中央に置くには margin: 0 auto; を使え。
  • 余分なセレクターを書くな。
  • 要素すべてに margin と padding を設定しろ（※リセットも関係ある）。
  • スタイルシートを分割しろ。
  • フロートではなくフレックスボックスやグリッドレイアウトを使え。

YouTube でキーボードマニアの楽曲を聴きまくる。昼寝。

17:20 起床。外出。

ひきふね図書館。週刊文春、アエラ、某ハードカバー本。

19:45 退館。水戸街道へ移動。

20:10 コモディイイダ東向島店。衣料品と食品を同時に購入。3020 円。

  • 柿ピー
  • 肌着 (2)
  • 白ブリーフ (4)
  • とろろそば
  • コッペパンコロッケ

曳舟の部屋。排便チャレンジ。シャワーを浴びる。

20:40 風呂から出る。PC を開いて晩飯。 食いながら転職・求人情報サイトの type で仕事探し。 一社だけだが、まともにエントリーをする。 オープンポジションでお茶を濁すのは、そろそろ福祉事務所から睨まれるだろう。

21:40 よく食った。歯を磨く。CSS 実践リストを続ける。順不同。

  • CSS 変数を使え。
  • box-sizing: border-box;
  • CSS を後処理しろ。
  • A のルールは :link - :visited - :focus - :hover - :active の順序に並べろ。

この辺でいいか。キリがない。私のページから改修を始める。

まずはリセット CSS を探す。 Reset CSS を読む。 このコードは許諾なしで利用可能だ。 これと同等の、より短いルールセットに書き換えたものを CSS ファイルの先頭に記述するところから始める。 あるいはモジュールとして記述してサイト側スタイルから @import するか。

もう一つ Normalize.css を発見。 こちらは大掛かりだ。しかし @import 一文で済むからありがたい。

次にリンク周りが MDN に則ればよいのだけなので、これを片付ける。

ヘッダーを修正する。タグが SECTION なのだが、当然 HEADER が適切だ。 先ほど習った「要素を中央に配置」パターンをこのボックスと中身のバナー大画像に適用する。

MAIN タグを使っていなかった。どういうことだ。

Sticky footer パターンを適用する。容器要素が BODY になるが……。

FOOTER のレイアウトを抜本的に修正する。 というか、よく見たらリストを置いて横に並べればいいだけだ。テキトー過ぎる。 基本的な学習を疎かにしてはいけない。

MAIN の DL/DT/DD のスタイルを簡素化する。 さっきまでは @media を導入する予定だったが、これで十分見易い。

23:55 プレハブ小屋トップページの CSS 修正が煮詰まる。 さらに構造化してプッシュした後、携帯電話で見てくれを確認したい。 成功のようであれば次のサイトの修正へ進もう。