БК
Добрый вечер, требуется критика.
Я написал код типо по БЭМ
В скринах приложил архитектуру blocks/user-topbar
CSS Файл где изменяю внешний вид блока через наследование
HTML Скилет. Спасибо за вним.
Size: a a a
2019 April 02
SB
добавь макетик, чтобы было понятнее, что нужно сверстать
БК
добавь макетик, чтобы было понятнее, что нужно сверстать
БК
SB
1. Много каскадов элеметов внутри элементов
2. Манипуляция внутренней структурой блоков. Что если изменится именование элементов блока navigation или user-topbar? Усложняется поддержка. (иногда у себя позволяем такое, но только в оооочень редких и костыльных кейсах)
Имхо, блок header должен знать только про то, что у него есть user-topbar, который лучше делать элементом (про внутреннее устройство которого лучше не знать).
2. Манипуляция внутренней структурой блоков. Что если изменится именование элементов блока navigation или user-topbar? Усложняется поддержка. (иногда у себя позволяем такое, но только в оооочень редких и костыльных кейсах)
Имхо, блок header должен знать только про то, что у него есть user-topbar, который лучше делать элементом (про внутреннее устройство которого лучше не знать).
<div class='user-topbar header__user-topbar'>SB
Что-то мне подсказывает, что во всех элементах по 3-5 строчек css.
Тут, конечно, дело команды и договорённостей, но мы стараяемя мелкие вещи описывать в основном файле блока, т.к. проще поправить стили элементов в одном файле, чем в 10.
Тут палка на двух концах :) Удобней в одном файле, "правильней" в разных.
Тут, конечно, дело команды и договорённостей, но мы стараяемя мелкие вещи описывать в основном файле блока, т.к. проще поправить стили элементов в одном файле, чем в 10.
Тут палка на двух концах :) Удобней в одном файле, "правильней" в разных.
БК
Ребят есть какой нибудь БЭМ валидатор? просто я сомневаюсь в том что я пишу и мне хотелось бы отточить написание кода так что бы потом все Окэй по методологии было.
А вообще я за методологию и систематизацию так как упрощает работу над проектом.
А вообще я за методологию и систематизацию так как упрощает работу над проектом.
БК
есть npm-пакет, cli-утилита, которая может проверять HTML
Можете дать ссылку?
z
Еще есть инструмент для наглядного рассматривания структуры html глазами:
http://yoksel.github.io/html-tree/
Тоже полезно бывает.
http://yoksel.github.io/html-tree/
Тоже полезно бывает.
БК
Ппц что то я совсем запутался...
БК
Короче допустим я использую модификатор я могу изменить также остальные стили через каскад?
БК
<div class="logotype header__logotype header__logotype_type_top»>
<img class="logotype__image" src="">
</div>
<style>
.header__logotype_type_top {}
.header__logotype_type_top . logotype__image {}
</style>
<img class="logotype__image" src="">
</div>
<style>
.header__logotype_type_top {}
.header__logotype_type_top . logotype__image {}
</style>
БК
Вот так вот норм
БК
Просто 1 пишит что можно все кидать в 1 файл css допустим что бы не плодить папки…
А в документации написано что лучше делать структуру папок по БЭМ.
Тоже самое про каскады…
А в документации написано что лучше делать структуру папок по БЭМ.
Тоже самое про каскады…
БК
Так как быть
БК
ппц
БК
Я могу конечно начать писать тупо как и раньше но все таки хочеться понять эту психоделику..