Вот так можно по Бэму писать или по-другому нужно?

Олег, Скорее всего вы не поняли сути БЭМ или у вас мало практики раз вы так рассуждаете...

Вот так можно по Бэму писать или по-другому нужно?

Ankhena, Как раз position-left это простой модификатор в данном случае это неправильно, нужна пара ключ-значение, почитайте документацию внимательнее position - ключ, left - зачение.

У нас есть элемент feature__column и у него есть разные позиции, мы создаем модификатор position feature__column_position и так же значение этих позиций left или right feature__column_position_left

Микс БЭМ и bootstrap-сетки, это читабельно?

Odisseya, про row и container я понял мысль, в целом если по БЭМ то такой микс имеет место быть, но я бы постарался избавиться от таких селекторов .page-header__row.row

CSS Filter: blur() - почему не размывает фон?

ну так фон наверно на body висит?

Как сверстать блоки?

JimmyKokS, Приблизительно так https://jsfiddle.net/l2banners/9eskf7vg/19/

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

Какая версия бутстрап? Если 4-я то там на флексах достаточно поменять order

Почему не работает transition для position?

Во втором примере у вас изначально left не задан, возможно в этом проблема, если я вас правильно понял...

Как убрать отступы по бокам у display flex?

Все сетки построены на отрицательных margin так что все правильно

JSON - есть ли разница между {'num': 1} и {num: 1}? Как лучше писать?

в кавычках можно писать ключи с дефисами и пробелами 'num-num' 'num num'

Как сочетать вложенность и БЭМ?

pacman123,

стараюсь перейти на БЭМ с оглядкой на будущее трудоустройство

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

Как сочетать вложенность и БЭМ?

pacman123, На самом деле нет ничего обязательного. Это все свод правил и рекомендации для решения определенных проблем, но чем больше следовать этим правилам, тем больше эффективность. Сама суть заключается в том, что БЭМ это не только решение текущих проблем, но и некая платформа, для разработки в будущем. И вложенность селекторов это одна из самых нестабильных техник, которая вставит вам палки в колеса, при первой же попытке модификации этих элементов.

По поводу разделение блоков в разные *.css файлы это не обязательно, достаточно придерживаться правильной последовательности написания стилей в одном файле. Если разделять блоки на отдельные файлы, то в итоге вам все равно нужно их собрать в один при помощи сборщика.

Как сделать смену стилей для повторяющегося дива?

Леонид, Я вас вообще не понимаю. Я уже за вас все написал. Если вам нужно дополнить стили у плюса, а не заменить, то берите и дополняйте таким же способом через ксс файл, например для другого блока назовите его plus__decor и стилизуйте

Как сделать смену стилей для повторяющегося дива?

Предположим [xfvalue_имяДопПоля] = to left, rgba(255, 255, 255, 0) 35%, #fff 62% ) или любое другое значение заданное через дополнительное поле

Отдельно в css файле прописываем стиль для новости с класcом plus. Стиль со свойством !important будет перекрывать то что мы задали через дополнительное поле:

.new.plus .new__decor{
to bottom, rgba(255, 255, 255, 0) 40%, #fff 67%) !important
}

На выходе мы получим что-то вроде этого:

<div class="new"><div class="new__decor"  [xfgiven_имяДопПоля]style="background: [xfvalue_имяДопПоля];[/xfgiven_имяДопПоля]></div>Контент</div>
<div class="new"><div class="new__decor"  [xfgiven_имяДопПоля]style="background: [xfvalue_имяДопПоля];[/xfgiven_имяДопПоля]></div>Контент</div>
<div class="new  plus"><div class="new__decor"  [xfgiven_имяДопПоля]style="background: [xfvalue_имяДопПоля];[/xfgiven_имяДопПоля]></div>Контент</div>
<div class="new"><div class="new__decor"  [xfgiven_имяДопПоля]style="background: [xfvalue_имяДопПоля];[/xfgiven_имяДопПоля]></div>Контент</div>

В итоге, все стили класс .new__decor будут задаваться через дополнительное поле, но если у какого-то из блоков появиться класс .plus, то он будет перекрыт стилем из css файла

Как сделать смену стилей для повторяющегося дива?

Леонид, Так а в чем проблема то? Если у плюс другой градиент то переопределяйте его при помощи !important

Как сделать смену стилей для повторяющегося дива?

Fouks, Я немного не понял, как у вас в одном дополнительном поле может быть 2 цвета?
Создайте 2 поля с разными цветами и в зависимости от класс манипулируйте цветами. Например 1 поле div-1 втрое поле div-2 если плюс есть, то div-2 не показываем, если нет, то не показываем div-1 или как-то так. Вообще сложно понять ваше тз.

Как сделать смену стилей для повторяющегося дива?

Fouks, Вы просто не понимаете, что вы можете сделать при помощи шаблона и доп полей любый модификацию, просто необходимо включить логику. Я не знаю сколько у вас вариантов цвета, поэтому предложил самый логичный и правильный вариант в таких ситуациях, но если у вас вариантов неограниченное количество, то замените свой псевдоэлемент before на div и стилизуйте его как хотите, тем способом который я написал в самом начале, только подключите стиль не к блоку, а к этому новому div. Или вы хотите чтобы за вас все написали и телепатически достали всю информацию, которую нужно учитывать? Вы же видите по комментариям, что кроме вас, ваш вопрос никто не понимает.

Как сделать смену стилей для повторяющегося дива?

Fouks, При помощи таких конструкций вы можете менять состояние шаблона новости как угодно

Как сделать смену стилей для повторяющегося дива?

Fouks, Вам походу не подсказка нужна, а обучение основам. Если хотите менять :before то таким же самым способом необходимо вывести класс вместо цвета и через классы задавать любые дополнительные стили тем новостям к которым вы добавите эти дополнительные классы.

Как сделать плавное хаотичное движение блоков?

Сергей Соколов, Если некорректно, пусть модераторы удалят, есть кнопка пожаловаться

Sticky аудио плеер без прерывания?

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