Как правильно добавить в данном примере сайдбар и main по бэм?

Ankhena, а как будет правильнее с вашим примером?

Как правильно добавить в данном примере сайдбар и main по бэм?

Ankhena, доброго времени суток.
Так правильно?

<aside class="sidebar">
  // класс filter или filters?
  <div class="filters sidebar__filters">
    <form action="" class="filters__form">
      <div class="filters__item">
        <div class="filters__title">Заголовок фильтра</div>
        <ul class="filters__list">
          <li class="filters__item-field">
            <input type="checkbox" name="name-filter" class="filters__checkbox" id="name-filter">
            <label for="name-filter" class="filters__btn">Векторы</label>
          </li>
        </ul>
      </div>
    </form>
  </div>
</aside>

Как правильно добавить в данном примере сайдбар и main по бэм?

Ankhena, спасибо большое, очень хороший пример!
А вот с фильтрами как быть?
Там тоже ul нужно использовать?
И там кнопки в виде чекбоксов (кнопки как на фрипике), может есть готовые примеры компонентов с фильтрацией по бэм?

Как правильно добавить в данном примере сайдбар и main по бэм?

Ankhena, при наведении на картинку должны появиться иконки в виде кнопок как на фрипике.

Про то что фильтр не aside тоже сказала. Тут фильтр скорее выступает в роли навигации и, вероятно, формирует урл (так обычно бывает). Поэтому нельзя сказать, что он не имеет отношения к происходящему.

Там будет ajax фильтрация с чекбоксами в виде кнопок.

Чтобы писать разметку нужен конкретный макет из которого можно определить что чем является.

Просто думал, что вы примерно покажите структуру без фильтра с сайдбаром и с одной картинкой при наведении на нее)

Как правильно добавить в данном примере сайдбар и main по бэм?

Ankhena, а могли бы мини-вариант показать вашей реализации только с html?)
Возможно у вас все будет гораздо проще чем у меня))

Как правильно добавить в данном примере сайдбар и main по бэм?

Ankhena, мне нужно что-то похожее как тут: ссылка
Мне главное понять структуру, допустим есть сайдбар и контент.
Можно же wrapper перед сайдбаром и main добавлять?

Как правильно добавить в данном примере сайдбар и main по бэм?

Ankhena, а могли бы показать ваше ведение на этот счет?
P.S. Мог бы отметить ваше решение.

Как правильно добавить в данном примере сайдбар и main по бэм?

Ankhena, а что неправильно в семантике?
Вы имеете ввиду про тег aside?

Как правильно добавить в данном примере сайдбар и main по бэм?

Ankhena, доброго времени суток)
А вот как вы бы сделали?

По-русски это фильтр или фильтры? А по-английски?

Ну по-английски filters)
А если на какой-то странице будет один фильтр?

Кстати, фильтр, это не очень aside.

Получается без aside?

В целом правильно у меня сделано?)

Из-за чего может не работать буфер обмена slice-vdagent?

rrambo, поставил qemu 7.1.0 и в xfce буфер обмена работает.
В чем может быть причина?

Вот тут пишут что нужно сделать компиляцию:

I just recompiled qemu with --enable-gtk-clipbard It works great, till now no problem with copy-paste between host and guests.

Из-за чего может не работать буфер обмена slice-vdagent?

rrambo, я делал по этой инструкции ссылка
У автора windows 10 и он устанавливает Debian 11 Gnome, возможно буфер обмена в gnome или kde работает?

Как использовать события в данной библиотеке?

Эта библиотека переписана под систему битрикс.
Документацию переписанной библиотеки я не нашел.

Как использовать события в данной библиотеке?

Мне нужно именно masked Input.

Как использовать события в данной библиотеке?

Александр, у меня вот так работает)

BX.addCustomEvent(result.input, 'change', function() {
 console.log(result.checkValue());
});

Возможно в самой библиотеке уже есть готовые методы, но непонятно как их использовать)

Почему перестал работать suggest then (ошибка Access-Control-Allow-Origin)?

Evgeny Ilin, нужно создать геосаджест API ключ в вашем кабинете разработчика яндекс.

Почему перестал работать suggest then (ошибка Access-Control-Allow-Origin)?

freeExec, эта ошибка из-за ограничения доступа?

Как в данном варианте получить четвертый параграф?

Спасибо большое.

Как в данном варианте получить четвертый параграф?

Stalker_RED, а вот в моем примере как это можно правильно сделать?
Ведь с помощью метода getElementsByTagName я получу все параграфы, а мне нужно только четвертый.

Как в данном варианте получить четвертый параграф?

Сергей delphinpro, динамика верстки и расположение классов могут отличаться, но всегда нужно получать 4 параграф.
Допустим пример данного разбора DOM возможен?

Как в данном варианте получить четвертый параграф?

Adamos, просто эта верстка находится в массиве.