あっ、そうだ！モダンCSSをまとめておこう

2023年もCSSの進化がすごかったですね！ その進化を2024年でも生かしていけるように、今回まとめておいていつでも参照できるように記事を書こうと思いました。 お読みいただけると幸いです。 一緒に2024年もスタートダッシュで走り抜けましょう。 まず、はじめに この記事では、最近登場した、エキサイティングで、アクロバティックでファンタジックなインパクトのある機能をピックアップして紹介したいと思います。 CSSの多彩な新機能を広く紹介することで、読者がこれらに触れる機会を持てるように努めています。 特に興味を引く機能があれば、他の媒体を通じて更に詳しく掘り下げることをお勧めします。 コンテナクエリ スタイルクエリ :has()セレクタ :nth-child()の「of S」構文 text-wrap: balance initial-letter ダイナミックビューポート単位 広色域のカラー

[strawberryhunter]

こういうのを活用するとスタイルの予測がどんどん難しくなってプログラムでの処理も気軽な感じではなくなるので大概にしてほしいと思う。

[w_bonbon]

最近新規CSSの策定・実装周りだと、webKitがついて行けてないというよりは、 明確に実装拒否してる感じある。

[nazumu]

便利なのは確かだが、これを覚えておいて、いざ使える条件が来たときにピンときって引っ張り出せるかどうか

[ku_marin]

：has便利だな

[forest1040]

たすかる

[fukken]

現代の開発において、JS同様にCSSは直接書かない（必要に応じpolyfillなどを読ませ、ビルドする）ものなので、ブラウザの実装状況はあんまり関係ないと言えばない。polyfillにも限界はあるが。

[m_h]

あとでよむ

[mizdra]

":nth-child()の「of S」構文" 知らなかった

[yto]

浸透待ち

[daira4000]

使いたいけどブラウザ側の対応がね

[yamadadadada2]

対抗して広島風CSSを…とか言い出すと県民の皆さんからの怒られが発生するやつ

[shinsho]

参考にさせてもらいます

[heniha]

“エキサイティングで、アクロバティックでファンタジックなインパクトのある機能”

[manaten]

抑えておきたいのはhasとコンテナクエリくらいかなあ

[nekoline]

後で確認する

[eartht]

cssですら1年もやってないと情報に追いつけなくなる…。まぁ、現場で使う機能となると一部だしどうにかなるか…