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 — возможно, это будет тоже частой фичей.

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

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

Что в итоге

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

Читайте также
Dev новости: Vite 5, Roc язык, JS Framework SDKs
Dev новости: Vite 5, Roc язык, JS Framework SDKs
Dev новости: Vite 5, Roc язык, JS Framework SDKs

Коротко о Vite который использует Rust. Язык Roc использует WebAssembly и SDK платформы JS для аутентификации.

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

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

Dev новости: Astro 4, Deno и cron, Webstorm релиз, Storybook релиз, Node.js 20 бета, Django
Dev новости: Astro 4, Deno и cron, Webstorm релиз, Storybook релиз, Node.js 20 бета, Django
Dev новости: Astro 4, Deno и cron, Webstorm релиз, Storybook релиз, Node.js 20 бета, Django

В Deno добавили очередь cron, Релиз 2023.3 Webstorm с AI ассистентом, Storybook последняя версия 7.6 перед 8, и бета Node.js 20

Dev новости: Альтернатива Copilot, Python AI tool, RSC улучшения
Dev новости: Альтернатива Copilot, Python AI tool, RSC улучшения
Dev новости: Альтернатива Copilot, Python AI tool, RSC улучшения

Разработчики не идут в крипту, аналог Copilot, AI && Python, Новый Storybook 8 и подборка новостей