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

Всем привет! Как фронтендер среднего уровня и частенько использующий CSS — хочу прокомментировать все новинки 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 — возможно, это будет тоже частой фичей.

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

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

Что в итоге

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

Читайте также
Copilot Enterprise представляет поиск и лучшие настраиваемые практики
Copilot Enterprise представляет поиск и лучшие настраиваемые практики
Copilot Enterprise представляет поиск и лучшие настраиваемые практики

По словам вице-президента GitHub, Copilot Enterprise открывает новые возможности в кодовом помощнике и знаменует собой эру трансформации ИИ.

Dev новости: Zed редактор, Nuemark, Expo и Bun Shell
Dev новости: Zed редактор, Nuemark, Expo и Bun Shell
Dev новости: Zed редактор, Nuemark, Expo и Bun Shell

Zen code стал open source, инструменты для фронта Nue добавили редактор контента, релиз Expo 50

18 репозиториев GitHub, которые должен знать каждый разработчик
18 репозиториев GitHub, которые должен знать каждый разработчик
18 репозиториев GitHub, которые должен знать каждый разработчик

Рассказываем о 18 репозиториях GitHub, которые обязательно нужно занести в закладки. Они помогут вам на пути к кодингу.

SQL Исполняется 50 Лет: Путешествие Через Полвека
SQL Исполняется 50 Лет: Путешествие Через Полвека
SQL Исполняется 50 Лет: Путешествие Через Полвека

В июне 1974 года состоялся первый выпуск языка SQL. Он был разработан Дональдом Д. Чемберлином и Раймондом Ф. Бойсом в IBM, основываясь на реляционной модели, предложенной Э.Ф. Коддом. SQL, что расшифровывается как Structured Query Language, стал наиболее распространенным языком для работы с базами данных, и до сих пор имеет множество диалектов, последний из которых — SQL 2023.