Как называть классы CSS?

Question

[aiss]

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

Answer 1

[Игорь Перегудов]

https://ru.bem.info/ - почитайте, хорошая методология, так же потом сможете в резюме указать (Верстаю по BEM методологии ;) )

Comments

[aiss]

только что справшивал про БЭМ нейминг - сказали не в коем случае не использовать)
Стоит ли использовать везде БЭМ нэйминг?

[Nikita Shchypylov]

aiss: То, что ты не умеешь читать мы поняли

Answer 2

[iBird Rose]

кароч рассказываю как один раз меня самого научили, когда я еще был новичком и не смыслил в вебе. итак:
1) идем на сайт лаборатории касперского
2) находим любую базу сигнатур
3) и просто берем по порядку названия сигнатур и обзываем ими наши классы
4) профит)

p.s. а самое прикольное - если этот метод использовать на фрилансе предварительно составив файл replace для себя, который к каждому такому классу будет иметь соответствующий нормальный класс - то без проблем можно отдавать верстку на проверку без скайпов тимвиверов и т.д.
даже если кинут - пускай радуются такой верстке) файл replace с нормальными классам же тока у вас будет)

Comments

[Михаил]

Могли бы ссылочку и кинуть, интересно же.

[Антон]

чет я не понял профита, это же можно любой минификатор классов подключить, или на крайняк руками править

[iBird Rose]

Антон: ну представь что ты клиент, который хочет кинуть верстальщика. перед тобой готовая верстка. все классы в верстке - это названия вирусов. такой проект обречен на смерть сразу же после заливки на продакшн. и ты бы захотел сидеть и переименовывать все классы, а потом еще искать все это в css и тоже переименовывать?

[Антон]

iBird Rose: я про что и говорю. В IDE это переименовывается в одном месте и применяется везде. А при желании можно использовать подобные инструменты https://www.npmjs.com/package/gulp-selectors

Answer 3

[Денис Инешин]

Конкретно из БЭМа лучше всего взять это: https://ru.bem.info/methodology/naming-convention/

Comments

[aiss]

только что справшивал про БЭМ нейминг - сказали не в коем случае не использовать)
Стоит ли использовать везде БЭМ нэйминг?

[Денис Инешин]

aiss: разумеется БЭМ - это не идеально. Многим он не нравится своей избыточностью. Но, если стоит вопрос использовать БЭМ или писать отсебятину, то лучше выбрать БЭМ. По крайней мере этим вы сэкономите время и себе и тем кто будет работать с этим кодом после вас.

Answer 4

[Алекс Глебов]

.blobk1
.block2
.block3

.blobk1_item1
.blobk1_item2
.blobk1_item3

когда некогда придумывать названия