Можно ли так называть классы по БЭМ?

Genri_Rus,

гриды на ie не работают

И давно?
;)
Не буду спрашивать какой версии ие вы собрались поддерживать.

Удобнее на js, делайте на js.

а вы считаете что декстопное меню должно отличаться от мобильного меню ?

Что-что я говорю? Я с первого поста спрашиваю зачем там слово mobile и считаю его нежелательным вне зависимости от того, что там происходит с меню.

Можно ли так называть классы по БЭМ?

Genri_Rus, гридами делайте что хотите.

И старайтесь называть классы по смыслу, а не цвету или положению. Очень глупо выглядит какое-нибудь top-menu, бывшее на мобилке в шапке наверху и оказавшееся внизу левого сайдбара на десктопе.

Можно ли так называть классы по БЭМ?

Genri_Rus, что-то я не вижу разницы между нижним меню на десктопе и мобильным.

Можно ли так называть классы по БЭМ?

Genri_Rus,

да дело в том, что у крестика концы немного закруглённые

Пусть будет svg. (Хоть и не очень понятно, почему их не закруглить в CSS, но может качества скрина не хватает для осознания)
Если должен меняться цвет, то просто меняете 2 куска кода внутри svg. Или двумя svg и меняете одну на другую.

Если не должен, то просто вставляете фоном, можно в base64, можно в content у псевдо.

Ни для чего из этого не нужна вторая кнопка в разметке.

<div class="menu-mobile">

Откуда же вы берете mobile-то всё время.
У вас что, разные меню для десктопа и мобилки?

Можно ли так называть классы по БЭМ?

Genri_Rus,

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

Нет такой проблемы, даже если это 2 svg.

Если что, крестик это 2 линии.

Это так, в подарок https://jsfiddle.net/Ankhena/fxv2tdL0/

Можно ли так называть классы по БЭМ?

Genri_Rus,

Т.е. внутри nav нужно расположить название меню и иконку закрытия (иконка svg) или лучше выше?

:) :) :)
Я вам сказала и показала как на мой взгляд лучше. И по некоторым вопросам объяснила почему я бы стала делать так, а не иначе.
Дальше вы можете делать с этим что хотите, даже оставить свой первоначальный код.

Всегда говорю, что верстка хороша тем, что одна задача имеет множество решений. Они бывают красивые и некрасивые, эффективные и нет, быстрые или вдумчивые и т.д. Через год, глядя на свой код приходит понимание, где его можно было еще улучшить. Это нормально, это прогресс.

Если остались вопросы по моему коду - спрашивайте.
Если вопрос, можно ли его модифицировать и накрутить туда лишних тегов и оберток - можно.
Куда лучше их накрутить - куда вам удобнее или куда заставил дизайнер со своим дизайном.

Можно ли так называть классы по БЭМ?

Genri_Rus, Грубая реализация всего этого на коленке, только для того, чтобы была понятна механика https://jsfiddle.net/kv524gL1/

Можно было еще проще и логичнее, только переписывать лень уже.
На js менять модификатор только у header.
Тогда проще разбираться с выравниваем в шапке, когда кнопка переезжает в другое место.

Можно ли так называть классы по БЭМ?

Genri_Rus, интересно, вы читаете, что я пишу?
Кнопка открыть/закрыть - это одна кнопка.
Заголовок меню я бы делала псевдоэлементом. Почему именно так, написано выше.

Можно ли так называть классы по БЭМ?

Genri_Rus,

В вашем видео там больше про семантику рассказывается nav>ul>li, чем про БЭМ

Ага, это же ваш был вопрос:

а могли бы показать как вы считаете более семантически правильно на моем примере ?

Поэтому, я дала видео про семантику.

покажите как правильно

Да вроде написала уже.
Ну давайте еще со списком меню напишу.

<header class="header">

  <button class="menu-toggle menu-toggle--open">
    <span class="visually-hidden">Открыть/закрыть меню</span>
  </button>
  <a href="/" class="logo">
    <img class="logo__img" src="">
  </a>
  <a href="" class="search-btn">
    <span class="visually-hidden">Открыть поиск по странице</span>
  </a>

  <nav class="header__nav menu menu--opened">
    <ul class="header__nav-list">
      <li class="menu__item"><a href="" class="menu__link">link</a></li>
      <li class="menu__item"><a href="" class="menu__link">link</a></li>
      <li class="menu__item"><a href="" class="menu__link">link</a></li>
      <li class="menu__item"><a href="" class="menu__link">link</a></li>
    </ul>
  </nav>

</header>

Можно ли так называть классы по БЭМ?

Genri_Rus, неа.

У меня там в первом посте было много вопросов.

Можно ли так называть классы по БЭМ?

Genri_Rus,

а вот с моим примером показали бы ?

Это было с вашим примером )))

Именно с button это меню как лучше по классам назвать?

Так чтобы всем было понятно о чем речь

<button class="menu-toggle menu-toggle--open">
<span class="visually-hidden">Открыть/закрыть меню</span>
</button>
<!--если размытое пятно это лого-->
<a href="/" class="logo">
<img class="logo__img">
</a>
<a href="" class="search-btn">
 <span class="visually-hidden">Открыть поиск по странице</span>
<!--сама лупа фоном или псевдо-->
</a>

Возможно, каждому из этих блоков нужен микс (класс элемента от родительского блока).
По классике БЭМа блок не должен ничего знать о своем позиционировании, его можно задавать элементам.

Также могут быть какие угодно комбинации, миксы и модификаторы.

Можно ли так называть классы по БЭМ?

Genri_Rus, семантически меню это <nav>, в нем список <ul> с дочерними <li>, в который лежат ссылки <a>.
Поскольку, роботы и читалки и так понимают, что nav это меню, то слово меню можно вообще сделать псевдоэлементом. Если не хотите псевдоэлементом, то span|div|p. Заголовком делать не стала бы, потому что толку от такого заголовка ноль.
О том, какими тегами нужно делать меню люблю вот это видео

Кнопка - тег <button>.

Можно ли так называть классы по БЭМ?

Genri_Rus, назначение тегов описано в спецификации HTML.

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

Я просто на многих сайтах видел иконки меню в виде дивов и лебелов

Вы же сюда пришли спросить как правильно, а не показать плохие практики ))

Как задать высоту слайдера по высоте и ширине на всё активное окно?

Сергей Фролов, супер простыня.

Вот ваш код https://jsfiddle.net/pnhc478y/

Используйте рекомендации из моего первого поста и организуйте песочницу с видимой проблемой jsfiddle.net или codepen.io,

Можно ли так называть классы по БЭМ?

- Просто куча лишних оберток.

- Почему-то кнопка сделана div'ом.

- menu-mobile__header - а если в другом дизайне оно перестанет быть в хедере?

- menu-mobile__header-close - хотите сказать, что open это отдельная кнопка? Так нет же. Это одна кнопка (а никакой не div) с модификаторами.

- Вместо ссылок в меню span'ы.

- menu-mobile - меню на десктопе и мобилке разное?

- navbar-center в любом дизайне он будет центр? Может, у него смысл какой-то есть?

- Это menu-mobile__icon с этим menu-mobile__line вообще дичь какая-то. Если иконка с полоской это украшения, то в разметке их быть не должно. Если там есть какой-то смысл (сомневаюсь), то используйте семантику и понятные названия.

Класс menu-mobile__block подходит

Не ясно зачем он вообще сдался. Еще был бы nav'ом, то было бы ок. Заодно и название нормальное появилось бы. Причем, с миксом.

Представьте, что стилей вообще нет. Что вы можете понять из этой разметки?

Как задать высоту слайдера по высоте и ширине на всё активное окно?

Используйте единицы измерения vh и vw
Если в слайдах картинки, то object-fit, если фон, то background-size.

Что вам еще без кода можно сказать...

Как реализовать шестеренки?

Виктор, Я рада :)

Как реализовать шестеренки?

Виктор, background-position

Настройка поиска в Bootstrap4. Что нужно сделать?

gularon, возьмите поиск от Яндекса или Гугла и стилизуйте его как нужно.

Настройка поиска в Bootstrap4. Что нужно сделать?

gularon, из вашего вопроса даже я, с неискусственным интеллектом, не могу сделать вывод, что и где нужно искать. На сайте, на странице, на части страницы, в определенных модулях сайта и т.д.