Как пользоваться успехом у женщин с помощью CSS

Как известно, девушки начинают интересоваться CSS в возрасте 20-22 лет. Именно в этот период многие из них обклеивают стены своих комнат распечатками исходного кода Bootstrap в перемешку с плакатами альфа-программистов, рок-звезд фронтенда и CSS-гуру.

Совместно с редакцией журнала «Верстающий Фатеж» мне удалось выяснить, что отличает гуру CSS от обывателей. Ответ незамысловат — Autoprefixer и методология.

Autoprefixer берет последние данные о префиксах и браузерах с caniuse.com, читает ваш CSS и добавляет только нужные префиксы.

Вот пример из официальной документации SASS:

@mixin border-radius($radius) {
  -webkit-border-radius: $radius; // нужен Safari 4.0 (2008 год)
     -moz-border-radius: $radius; // нужен Firefox 3.6 (2010 год)
      -ms-border-radius: $radius; // никогда не поддерживался
       -o-border-radius: $radius; // никогда не поддерживался
          border-radius: $radius;
}

Сколько еще мы должны страдать от подобных уродских миксинов? Почему мы вообще должны думать о префиксах? Пусть машины страдают и думают о них. Ставьте Autoprefixer и забывайте о боли.

К сожалению, Autoprefixer не решает проблемы с архитектурой CSS. Если проект более менее сложный, то слабая и туповатая архитектура CSS усложняет разработку. Это не «дизайнерская проблема», о которой можно позабыть, а часть приложения, которая также должна иметь хорошую архитектуру.

CSS — не только средство визуального дизайна, это тоже код. CSS с хорошей архитектурой предсказуем, его легко поддерживать, масштабировать и использовать повторно. А писать такой CSS помогают методологии, своды правил и рекомендаций.

Не ленитесь, почитайте о некоторых методологиях разработки CSS:

БЭМ, Блок-Элемент-Модификатор от «Яндекса»;
SMACSS, Scalable and Modular Architecture for CSS;
MCSS, Multilayer CSS от «Одноклассников»;
OOCSS, Object-Oriented CSS;
OPOR, микро-методология.

Что бы вы не выбрали, даже если не стали ничего читать из списка выше, не забывайте о том, что CSS — код, который тоже требует любви и правильных подходов, вроде DRY, KISS и принципа единственной обязанности.

Перестаньте херачить CSS, начните думать. Девчонкам это нравится.

Вам ведь еще поддерживать и разрабатывать этот код в будущем.

Домашнее чтение:

«Code smells in CSS», чего стоит избегать при написании CSS;
«Архитектура CSS», после этой статьи ваш мир уже не будет прежним.

P. S. Ещё больше постов о программировании, тестах и культуре разработки у меня в Телеграме.