毎年恒例のひとりアドベントカレンダーです。
ちなみに去年は Git の話でした。
本年もよろしくお願いいたします / 最近便利なCSSおれおれAdvent Calendar 2023やります。ひとりで。 https://t.co/7ZfQ9hm2LN
— 高梨ギンペイ (@ginpei_jp) December 2, 2023
- CSS変数(カスタムプロパティ)でコンテキスト依存スタイルが便利
- :focus-visibleでフォーカスリング管理が便利
- :focus-withinで広域のフォーカス表示が便利
- grid-templateでページレイアウトが便利
- insetで画面いっぱいに広げたり中央寄せしたりが便利
- scroll-behaviorでなめらかスクロールが便利
- object-fitで画像の配置が便利
- Flexboxのjustify-contentで左右寄せが簡単便利
- scroll-snap-*でカルーセルが便利
- prefers-color-schemeでOS設定のダークモードが便利
- gapはmarginより要素間の余白調整に便利
- writing-modeで縦書きが便利なこともある
- :is()と:where()で複数セレクターが便利
- line-clampで複数行の文の省略がちょっと便利
- メディアクエリーのhoverでPC/SP切り替えが便利
- clamp()で伸び縮みするレイアウトが便利
- position:stickyでデカい表が便利
- :not()で例外が便利
- margin-inlineで左右中央寄せが便利
- translateとかがtransformなしで便利
- lhで行数分の高さが便利
- #0003で半透明背景が便利
- aspect-ratioで矩形サイズの記述が便利
- セレクターの入れ子がマジで便利
今年は進行が不安です。 どうにかやり切りました。今年も全日で予約投稿できたのでまあ満足です。