slowdev

Я перестал писать CSS, который ничего не делает

Полгода я таскал из проекта в проект один и тот же набор правил. Сброс отступов, обнуление списков, box-sizing для всего, аккуратные margin: 0 у заголовков. Половина этого не влияла ни на что: в проекте не было ни одного места, где эти правила срабатывали.

Проверить просто: удалить блок и посмотреть, изменилось ли что-нибудь. Обычно нет. Но рука тянется скопировать «проверенный» CSS, потому что так спокойнее.

Что осталось после чистки:

  • box-sizing: border-box — оставил, экономит арифметику.
  • :where() для сброса — не поднимает специфичность, и это удобно.
  • gap вместо margin у соседей — меньше условий в голове.
  • Никаких глобальных стилей для тегов, кроме body и ссылок.

Вместо сброса списков теперь просто нет списков, которым нужны маркеры. Вместо обнуления заголовков — один класс на текстовый блок.

Файл стилей стал короче втрое. Скорость загрузки не изменилась, зато перестало быть страшно открывать его через месяц. Иногда единственная оптимизация, которая работает, — удаление.