Как стать автором
Обновить

Комментарии 13

Спасибо за статью и перевод, пара моментов:

.user-nav__links__item – некорректное имя класса, т.к. BEM не разрешает вложенные элементы.

Сокращение имён классов с помощью "&" усложняет отладку, т.к. найти класс по полному имени становится невозможно.

У меня возник глупый вопрос по поводу "импорта и фрагментации", но если имеется несколько HTML страниц (index.html, user.html, news.html) и только один подключенный main.css файл, то как они различают какой код кому предназначен?

Кто различает? Страницы? Страницы ничего не различают. Если в них есть подключение css файла, то правила из него будут применятся на содержимое страниц. Использовали ли вы правила при оформлении страниц из вашей css это уже вопрос другой.
Иметь один файл для всех стилей — это моветон. Давно уже используется модульность и ленивая подгрузка только необходимых стилей.
Какой же это моветон один раз подключить гзипнутый файл, который кешируется? Вы явно не договариваете архитектуру проекта, которая у вас в голове. Ленивая подгрузка чревата неподгрузкой при сильно фрагментированной сети. Плюс, вы можете затрахаться в иерархии папок в поисках нужного css. В любом случае, все относительно.
Вложенные конструкции

Такой вариант читать гораздо легче, правда? Кроме того, благодаря использованию вложенных конструкций, сокращается время создания сложных селекторов.

Нет, не правда, такой код легче писать, но не читать. А вот в синтаксисе sass воспринимается гораздо лучше.
Естественно это моё субъективное мнение.

Нативные переменные, нативные выражения и использование ShadowDOM — делают ненужным все, о чем написано в статье. Если в ваших требованиях поддержка только современных браузеров — вам очень повезло.

Live-server для стилей в 2018? Сейчас, по-моему, уже все браузеры, могут сами следить за стилями.
Devtools -> source -> filesystem. Закидываем папку проекта, и… магия.


Ps. Жду когда реализуют подобное и для html.

Очень нравится организация CSS стилей во Vue.js — в компонентах стили «изолируются» при помощи
Как-то странно мой комент отмодерировали )
Мы не можем комментарии менять, вы свою мысль не донесли. Предлагаем дописать продолжение.
На самом деле статья явно для начинающих. Нет отсылки к авторам идеологии БЭМ, классы «margin-right-large, text-center» — серьезно? Вскользь упомянута верстка независимыми блоками, не сказано «почему». Для «промышленной» верстки не хватает еще много чего. Можно было бы порекомендовать в довесок шаблонизатор HTML — Pug.
В комментариях проскользнули всякие новомодные «нативные» переменные и проч — они конечно хороши… будут… когда кое-что отомрет навсегда. А пока — смотрим на статистику используемых браузеров клиентами и работаем.
Спасибо за перевод!
Зарегистрируйтесь на Хабре , чтобы оставить комментарий