Блок или элемент в моем футере? И как лучше всего обозвать классы?

Привет. Есть вот такой футер:

который можно разделить на два больших элемента:

И получается такая структура:

footer
  footer__wrapper
    footer__item footer__item_columns
    footer__item footer__item_info

Это правильная структура и названия?

И еще внутри есть такие колонки:

И как лучше всего сделать колонки? Сделать их блоками или элемантами? Как тогда лучше обозвать их? Была идея navbar-column, но в колонке может не быть navbar(последняя колонка). Или сделать это элементами футера? Но тогда слишком много зависимости от футера будет и плюс хочется использовать класс wrapper для колонки примерно так:

noname-column
  noname-column__wrapper
    noname-column__header
    noname-column__content

5 years ago

Realetive

Это правильная структура и названия?

Структура логичная и не противоречит методологии. Нейминг должен быть удобен в первую очередь команде — спросите у них.

И как лучше всего сделать колонки?

Можете добавить миксы от footer'а, например (лишь один из вариантов):

 footer
   footer__wrapper
     footer__item footer__item_columns
+      footer__column noname-column
         noname-column__wrapper
           noname-column__header Рубрикатор
           noname-column__content
+      footer__column noname-column
         noname-column__wrapper
           noname-column__header Информация
           noname-column__content
+      footer__column noname-column
         noname-column__wrapper
           noname-column__header Подписка
           noname-column__content
     footer__item footer__item_info
       footer__copyright
       footer__social-links

5 years ago

Realetive

В footer__column может содержаться только информация о расстоянии между колонками (даже если используете justify-content: space-between) — сам noname-column без микса должен по идее стараться занять всю доступную ширину, т. к. самостоятельный блок не должен иметь внешней геометрии: — Внешняя геометрия и позиционирование — Создавайте микс

5 years ago

afagorn

Спасибо за развернутый ответ. Пока решил не делать отдельные блоки для колонок. А вот нейминг только на мне и все еще не представляю как можно было бы назвать понятно и удобно такие колонки. Вообще часто сталкиваюсь с проблемой, когда не понятно как обозвать блок. В общем если у кого-то будет идея по названию для блока колонки, то буду очень благодарен

5 years ago

Karodar

@afagorn думаю блоки и элементы удобнее называть по тому действию/смыслу, который в них заложен. К примеру у тебя есть Футер, для меня удобнее было бы распределить внутри него элементы:

Рубрикатор - по названию не шибко понятно что это или какое действие выполняет, но по контексту блока можно понять что это скорее раздел ссылок или категорий, в таком случае этот Элемент можно назвать footer__links
Информация, тут впринципе тоже блок ссылок, но смысл тут проглядывается - это Информирование, а значит награждаю его именем footer__info
Подписка, здесь вообще действие - что мы делаем с помощью этого блока/элемента - верно, оттого и название такое footer__subscribe

ps. а уж непосредственно внутри этих элементов, или же через Микс на самих элементах, можно было бы разместить соответствующие блоки, названные по-аналогии выше

4 years ago

EMDM45

Вместо

footer__item_columns

я бы написал

footer__columns

Чтобы оставлять комментарии, необходимо авторизоваться.