Именование классов

(Стандартизация помогает быстрее сориентироваться в проекте новому члену команды, понять логику элемента и его поведения) Также можно внедрять БЭМ неймингarrow-up-right используя ниже приведенный список классов

.panel, .bar (блок с навигацией и доп. эл-тами)
.navbar (блок с навигацией. Возможны доп. эл-ты)
.navigation (блок/список исключительно для навигации)
.main-nav (.main-navigation — основная навигация)
.add-nav (.add-navigation — доп. навигация)
.breadcrumbs (блок/список с breadcrumbs )
.tags (для отображения тегов / списка тегов)
.topiclist (список тем)
.item-list (.product-list, .article-list, .recent-articles) - Список изделий (товаров), список статей (разделов), наиболее частых статей (разделов)
.paging (блок/список с нумерацией страниц)
.news (.news-list) - список новостей
.tools (список с иконками (home, contact, sitemap, print и прочее) ) - классы на эл-ты такого списка: **.home, .contact, .sitemap, .print** и др.

ВВЕРХarrow-up-right

Формы

ВВЕРХarrow-up-right

Заполнение форм, покупка товаров по шагам и т.п

ВВЕРХarrow-up-right

Блог

ВВЕРХarrow-up-right

RSS-иконки

ВВЕРХarrow-up-right

Активные состояния

ВВЕРХarrow-up-right

Иные блоки

ВВЕРХarrow-up-right

ВВЕРХarrow-up-right

ВВЕРХarrow-up-right

Отзывы:

ВВЕРХarrow-up-right

More

Дополнительная информация по именованиюarrow-up-right

Last updated