DevTools Radar
DevTools Radar
@DevToolsRadarPro

CSS можно заметно упростить, если выкинуть несколько старых привычек из 2010-х. Не из-за моды, а потому что со

CSS можно заметно упростить, если выкинуть несколько старых привычек из 2010-х. Не из-за моды, а потому что современные фичи реально сокращают код и уменьшают число костылей.

Что уже можно смело пересмотреть:
- `float`-раскладки → `flex`/`grid`
- clearfix-хаки → `flow-root`
- ручные отступы через `:last-child` → `gap`
- сложные цепочки селекторов → `:is()`, `:where()`
- JS для простых состояний интерфейса → `:has()`

Практический эффект понятный: меньше классов, меньше зависимостей от DOM-структуры, проще поддержка. Например, `gap` убирает десятки строк маргинов в карточных сетках, а `:has()` позволяет писать родительские состояния без лишнего JS.

Ещё один важный плюс — читаемость. Современный CSS чаще описывает намерение, а не способ «как это заставить работать». Для команд это обычно означает меньше багов в верстке и быстрее ревью. ⚙️

Если верстка всё ещё держится на `float` и миксинах под clearfix — это уже не «стабильность», а технический долг.
Этот пост опубликован в Telegram-канале DevTools Radar. Подписаться можно по ссылке: @DevToolsRadarPro.
tech

Свежие посты в категории «Tech Infrastructure»

Все каналы категории →

start

Готовы запустить рекламу через сеть public.tg?

Новый оффер, продукт, GEO, кейс, событие или партнёрский запуск — соберём маршрут под задачу и отдадим медиаплан.

Telegram для медиаплана: @AFFtop_connect. Быстрый тест: $20 за канал, $1000 за пакет по сети.