CSS можно заметно упростить, если выкинуть несколько старых привычек из 2010-х. Не из-за моды, а потому что современные фичи реально сокращают код и уменьшают число костылей.
Что уже можно смело пересмотреть:
- `float`-раскладки → `flex`/`grid`
- clearfix-хаки → `flow-root`
- ручные отступы через `:last-child` → `gap`
- сложные цепочки селекторов → `:is()`, `:where()`
- JS для простых состояний интерфейса → `:has()`
Практический эффект понятный: меньше классов, меньше зависимостей от DOM-структуры, проще поддержка. Например, `gap` убирает десятки строк маргинов в карточных сетках, а `:has()` позволяет писать родительские состояния без лишнего JS.
Ещё один важный плюс — читаемость. Современный CSS чаще описывает намерение, а не способ «как это заставить работать». Для команд это обычно означает меньше багов в верстке и быстрее ревью. ⚙️
Если верстка всё ещё держится на `float` и миксинах под clearfix — это уже не «стабильность», а технический долг.
DevTools Radar
@DevToolsRadarPro
CSS можно заметно упростить, если выкинуть несколько старых привычек из 2010-х. Не из-за моды, а потому что со
Этот пост опубликован в Telegram-канале DevTools Radar. Подписаться можно по ссылке: @DevToolsRadarPro.