Волобуев Петр | Технологический радарВолобуев Петр | Технологический радар

БЭМ

patternui
Использую

БЭМ — это система Блок — Элемент — Модификатор. По сути это компонентный подход в верстке, когда отдельные компоненты сайта создаются изолированно и могут использоваться в любом месте, вне зависимости от окружения и содержания.

Ранее я давал имена классам наивно и часто страдал от пересечений и конфликтов. Почему-то только сейчас вдруг решил озадачиться какие методологии именования существуют. Прочитал про БЭМ, Atomic CSS (Utility-first CSS), OOCSS, SMACSS, ITCSS. БЭМ как-то больше всех запал в душу.

Я выбрал шаблон block__element--modificator