Комментарии 13
Спасибо за статью и перевод, пара моментов:
.user-nav__links__item – некорректное имя класса, т.к. BEM не разрешает вложенные элементы.
Сокращение имён классов с помощью "&" усложняет отладку, т.к. найти класс по полному имени становится невозможно.
.user-nav__links__item – некорректное имя класса, т.к. BEM не разрешает вложенные элементы.
Сокращение имён классов с помощью "&" усложняет отладку, т.к. найти класс по полному имени становится невозможно.
+5
У меня возник глупый вопрос по поводу "импорта и фрагментации", но если имеется несколько HTML страниц (index.html, user.html, news.html) и только один подключенный main.css файл, то как они различают какой код кому предназначен?
0
Иметь один файл для всех стилей — это моветон. Давно уже используется модульность и ленивая подгрузка только необходимых стилей.
0
Какой же это моветон один раз подключить гзипнутый файл, который кешируется? Вы явно не договариваете архитектуру проекта, которая у вас в голове. Ленивая подгрузка чревата неподгрузкой при сильно фрагментированной сети. Плюс, вы можете затрахаться в иерархии папок в поисках нужного css. В любом случае, все относительно.
0
Вложенные конструкции
…
Такой вариант читать гораздо легче, правда? Кроме того, благодаря использованию вложенных конструкций, сокращается время создания сложных селекторов.
Нет, не правда, такой код легче писать, но не читать. А вот в синтаксисе sass воспринимается гораздо лучше.
Естественно это моё субъективное мнение.
+2
Нативные переменные, нативные выражения и использование ShadowDOM — делают ненужным все, о чем написано в статье. Если в ваших требованиях поддержка только современных браузеров — вам очень повезло.
0
Live-server для стилей в 2018? Сейчас, по-моему, уже все браузеры, могут сами следить за стилями.
Devtools -> source -> filesystem. Закидываем папку проекта, и… магия.
Ps. Жду когда реализуют подобное и для html.
0
Хм… при использовании npm scripts забыли упомянуть про redrun
https://habr.com›post/308930
https://habr.com›post/308930
0
Очень нравится организация CSS стилей во Vue.js — в компонентах стили «изолируются» при помощи
0
На самом деле статья явно для начинающих. Нет отсылки к авторам идеологии БЭМ, классы «margin-right-large, text-center» — серьезно? Вскользь упомянута верстка независимыми блоками, не сказано «почему». Для «промышленной» верстки не хватает еще много чего. Можно было бы порекомендовать в довесок шаблонизатор HTML — Pug.
В комментариях проскользнули всякие новомодные «нативные» переменные и проч — они конечно хороши… будут… когда кое-что отомрет навсегда. А пока — смотрим на статистику используемых браузеров клиентами и работаем.
Спасибо за перевод!
В комментариях проскользнули всякие новомодные «нативные» переменные и проч — они конечно хороши… будут… когда кое-что отомрет навсегда. А пока — смотрим на статистику используемых браузеров клиентами и работаем.
Спасибо за перевод!
0
Зарегистрируйтесь на Хабре , чтобы оставить комментарий
Методики и инструменты для разработки стилей веб-страниц