Как вы называете классы в верстке?

Question

[Lord_Dantes]

Собственно вопрос, как вы называете свои классы в верстке и почему? Я знаю лишь по БЭМ, но в последнее время мне она неприятна больше прихожусь к методу вроде "aboutUs__text" или "aboutUsLink", т.е писать слова слитно и каждое новое слово с большой буквы. Буду рад если оставите в ответе пару ссылок на статьи по верстке и именованию классов(не нужно кидать первые 5 ссылок из гугла я все уже перечитал там).
Спасибо.

Comments

[Михаил]

утилитарный классы + BEM

[Froggyweb]

aboutUsLink
читается хуже aboutUs__link
и не понятно можно ли его переиспользовать отдельно

[Aetae]

У меня верхний регистр в html вызывает отвращение. Это противоречит эстетике html.)
И да, классов типа aboutUs__text - быть вообще не должно. Должны быть классы типа accented-link__text, т.е. по логике отображения, а не по логике содержимого.

P.S. Придерживаюсь БЭМ, за исключением того что для модификаторов вместо _ юзаю --. Так легче на глаз отличить элемент от модификатора.

[Lord_Dantes]

Aetae, вот я тоже придерживался БЭМ и часто забывал за _ и за --, и просто начал использовать -, --

[Aetae]

s l a v e, и camelCase вместо kebab-case в наименованиях, в принципе логично, но моё эстетическое чувство категорически против.)

[WStanley]

Когда верстал мне нравилась методология MSCC ссылка
а camelCase в HTML это жесть, не надо так

[strelok011]

camelCase - не логично. Заодно и js-фреймворки типа ангуляра убьет, если автор начнет темплейты в camel оформлять.
Пишите так чтобы получался бойлерплейт код. Изолируйте компоненты утилитарными классами, делайте атомарные элементы, следуйте хорошему тону написания стилей (пусть и не в полном БЭМ), заботьтесь о тех, кто придет после вас и не портьте себе карму.
Всё остальное от лукавого.
Рано или поздно можете перерасти верстку, перейти в тяжелый фронтэнд, CSSinJS и прочее, и всё утрясется :)

Answer 1

[Антон Шаманов]

https://habr.com/ru/post/203994/