毎年恒例のひとりアドベントカレンダーです。

ちなみに去年は Git の話でした。

  1. CSS変数(カスタムプロパティ)でコンテキスト依存スタイルが便利
  2. :focus-visibleでフォーカスリング管理が便利
  3. :focus-withinで広域のフォーカス表示が便利
  4. grid-templateでページレイアウトが便利
  5. insetで画面いっぱいに広げたり中央寄せしたりが便利
  6. scroll-behaviorでなめらかスクロールが便利
  7. object-fitで画像の配置が便利
  8. Flexboxのjustify-contentで左右寄せが簡単便利
  9. scroll-snap-*でカルーセルが便利
  10. prefers-color-schemeでOS設定のダークモードが便利
  11. gapはmarginより要素間の余白調整に便利
  12. writing-modeで縦書きが便利なこともある
  13. :is()と:where()で複数セレクターが便利
  14. line-clampで複数行の文の省略がちょっと便利
  15. メディアクエリーのhoverでPC/SP切り替えが便利
  16. clamp()で伸び縮みするレイアウトが便利
  17. position:stickyでデカい表が便利
  18. :not()で例外が便利
  19. margin-inlineで左右中央寄せが便利
  20. translateとかがtransformなしで便利
  21. lhで行数分の高さが便利
  22. #0003で半透明背景が便利
  23. aspect-ratioで矩形サイズの記述が便利
  24. セレクターの入れ子がマジで便利

今年は進行が不安です。 どうにかやり切りました。今年も全日で予約投稿できたのでまあ満足です。