Лапша в CSS

Кажется, среди разработчиков не принято любить CSS, но как же без него. 😝

15 декабря я выступила на первой встрече MinskCSS с докладом о базовых вещах.

Чтобы ваш CSS не превращался в лапшу:

1. Уделите время архитектуре CSS.
   Главный тренд 2016 — изолированные компоненты (БЭМ, CSS Modules).
   Новый способ изоляции — локальный ресет, когда в каждом компоненте устанавливается all: initial для очистки наследования.
   CSS-in-JS — ещё одно свежее решение для изоляции стилей. Есть уже много реализаций (JSS, styled-components и др.), но пока это выглядит сыро.
   Если у вас простой проект, например лендинг, не следует усложнять, рассмотрите другие подходы.
   Рекомендую: When to use which CSS methodology
2. Освежите в памяти особенности CSS: наследование, каскад, специфичность. Делайте селекторы понятнее и быстрее, выбрасывайте лишнее.
3. Управляйте наследованием с помощью: inherit, initial, unset.
4. !important не всегда враг, может применяться для иммутабельности в CSS.
5. Используйте PostCSS для автоматизации ваших задач.
6. Линтите с помощью Stylelint.
   Рекомендую: Stylelint — как и зачем линтить CSS
7. Разрабатывать и поддерживать интерфейс без Bootstrap в большинстве случаев эффективнее.
   Рекомендую: Длинная телега про Бутстрап
   Тем более, сегодня стала не актуальна одна из самых популярных его частей — сетка, потому что у нас есть Flexbox, а весной начнется новая эпоха с CSS Grid Layout.

Слайды доклада