そろそろSassとはさよなら、Sassの便利な機能がネイティブのCSSでどんどん使用できるようになっています

2024年になり、CSSは急速な進化を遂げています。中でもワークフローにも影響を大きく与えるのが、Sassに代わる新機能の数々です。 ネイティブのCSSで変数を扱えるようになり、ネストや:is()疑似クラスや:has()疑似クラスやコンテナクエリ、そしてカスケードレイヤーなどの新機能がモダンブラウザのすべてにサポートされました。これらの機能がSassに代わるものなのか、Sassはまだ必要なのか、を紹介します。 Goodbye SASS , welcome back native CSS by Karsten Biedermann 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの変数 CSSのネスト :is()疑似クラス :has()疑似クラス コンテナクエリ カスケードレイヤー Sassの未来 Sassよ、さよ

[coliss]

CSSで変数を扱えるようになり、ネストや:is()疑似クラスや:has()疑似クラスやコンテナクエリ、そしてカスケードレイヤーなどの新機能がモダンブラウザのすべてにサポートされました

[tsuki-rs]

ぶっちゃけSCSSの方がまだ使いやすい。変数ひとつ取ってもネイティブより使い勝手いい

[ultimatebreak]

CSSだけでもやれるけどいちいち書き方がめんどくさいのとmixinとか使いたいので選べるならSassにする

[nekoline]

“CSSでもSassと同じ方法で変数を定義できるようになりました” それほんとに胸張って言える？だいぶ違うように見えるんだけど

[sucelie]

ネイティブの変数がクソ読みにくいの何とかならんの。結局可読性とかでSCSSにしちゃう

[Falky]

おっ、コリスのブコメ欄がここまでネガティブな状態なのを見れるの珍しいな。ちょっとネガコメ付くとすぐにブコメ非表示にするからなあこのサイト。//もちろんですが、非表示は権利なので使えばいいんですよ！

[twotiger]

jqueryがほぼ消えたように、sassもほぼ消えるだろうな。sassに依存してる人は早く備えた方がいいと思う

[miruto]

cssの進化は素晴らしい…が、まだまだSassからは離れられないかな。mixinやfunctionが使えないのでは話にならん。

[nimroder]

ペライチ雑UI作るときにコンパイル環境組むのクソめんどいので助かる

[candykebin]

“CSSの:has()疑似クラスの便利な使い方を徹底解説”

[akymrk]

翻訳 “Goodbye SASS , welcome back native CSS by Karsten Biedermann ”

[suzuki_torakichi]

ファイルを分割管理したいじゃない

[kijtra]

メディアクエリに変数が使えるようになったら起こして

[confuru]

入れ子できたんだな。

[otchy210]

JavaScript 自体が進化して jQuery が要らなくなった歴史を思い出すなど。

[udddbbbu]

暴論すぎるやろ ifだのforeach だのどうするんだよ

[sub_low]

sassはベースだけで良さそう。とはいえもうあんま作んないけど。

[hdampty7]

トランスパイルを管理しなくてよい分、生ＣＳＳで良さげではあるけど、ベストプラクティスはどう変わるのかなぁ。

[John_Kawanishi]

「SaaSに替わるCSS」と空目してびびった