CSS в 2023, что можно использовать?

Всем привет! Как фронтендер среднего уровня и частенько использующий CSS — хочу прокомментировать все новинки CSS которые вышли в этом 2023 году.

Google опубликовал все новинки ещё в мае 2023, но далеко не все фичи были доступны вплоть до октября и 118 версии хрома. Теперь можно сказать, что доступность всех фишек практически появилась в Chrome и конечно это не говорит о том, что их можно использовать (проверяем can i use) и далеко не все будут повседневны.

Современный CSS заменит препроцессоры?

Новинки в 2023 году конечно же со временем ещё в большей степени отодвинут препроцессоры на второй план. После ввода переменных в CSS и их высокой доступностью в 96% — некоторые уже отказываются от SASS, LESS (я пока не могу 🙂 ). Конечно же главная фича которой не хватало в CSS и которая появилась в этом году — это nesting, собственно одно из основных преимуществ препроцессоров.

Что буду использовать?

В продуктовых проектах где широкая аудитория использовать сейчас какие-то фичи смысла большого нету, кроме тех фичей которые поддерживают fallback, например плавные переходы между блоками. Но конечно же меня привлекают следующие новинки:

• Container query — медиа выражения в отдельных блоках, это конечно долгожданная и крутая штука для адаптива!
• Nesting — для меня, это must have.
• Scoped styles — возможно, это будет тоже частой фичей.

Остальные свойства пока у меня не вызывают больших надежд т.к использовать фичу ради фичи не очень люблю. Конечно же они найдут своих энтузиастов, которые будут внедрять крутые переходы, ровные тексты, новые нативные модалки и пр.

Один из минусов для некоторых новых свойств это то, что сафари и другие браузеры не особо спешат их внедрять к себе, что разумеется затормозит использование многих фишек.

Что в итоге

Ждем пока будет высокая доступность и используем!