日付を規則的に並べる画面

カレンダーのような画面は、日付の並びが規則的です。CSS Grid を使うと、列の数を決めて、日付の位置を計算で置けます。週の始まりをどこにするか、月をまたぐ日をどう扱うかを先に決めます。

日付のセルは、リンクになる場合と、まだ公開されていない場合があります。見た目だけでなく、押せるかどうかが分かるようにしておくと、キーボードでも迷いません。

押さえたい点

1. 01週の始まりを決める
2. 02月をまたぐ日の扱いを決める
3. 03押せる状態を見た目でも示す