Да, у нас взбесился JS на старой части сайта, к которой относится и форум тоже. Пока совсем не понятно в чём проблема.

Этой проблемы нет с новыми версиями bem-core 4.x + bem-components 5.x, так что на своём проекте можно использовать их свободно.

Эта проблема в принципе не в коде компонентов, а на стороне форума. Код дичайше древний, его нужно целиком менять.

Спасибо. А ответ на пост с Хрома пишу))

Ребята, В верстке вообще новичок. Пока пробовал освоить БЭМ, научился верстать :D

Как человек мало понимающий всего БЭМ (за пределами html, css) опишу с чем столкнулся:

• Информация по сборщикам разрозненная по гитхаб, было бы удобно по-пунктам в одном месте расписать - что от чего зависит, что и как надо настраивать. Понятно что ENB гибкий инструмент, но хотя-бы тезисно расписать что настраивается, и что в Project-stub настроено. Есть идея древовидно подать "сборщики", с их зависимостями, и деревом настройки плагинов и библиотек.

• Уровни переопределения (desktop, touch), вместе с идеей деления по уровням, намекните хотя бы реализацию определения устройств (с какого устройства зашли). Именно как вы определяете, и что делаете если JS выключен у клиента...

• Как добавить свою тему оформления.

Понятно если перечитать по несколько раз документацию и форум, можно разобраться. Но эти вопросы повторяются не только у меня. Было бы не плохо добавить на сайт эту информацию.

Спасибо за методологию, надеюсь на развитие юзабилити в данной теме

расписать что настраивается, и что в Project-stub настроено

Потенциально настраивается все, что угодно. Что-то просто, что-то сложнее, для чего-то потребуется написать свои технологии, но так или иначе практически любое требование можно удовлетворить.

В project-stub можно запустить enb server, открыть localhost:8080 — нарисуется граф сборки, который более-менее должен дать представление о том, что там происходит под капотом. Еще можно посмотреть https://www.youtube.com/watch?v=-un-YYgU6Pg

определения устройств (с какого устройства зашли)

Сервер парсит строку user agent-а и по ней определяет браузер и его фичи, на основе которых принимает решение, какой именно вариант верстки отдать.

что делаете если JS выключен у клиента

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

Как добавить свою тему оформления

Самый простой способ — это скопировать существующую под новым именем, написать своих стилей, а потом указать новую тему в BEMJSON и deps.js.

Спасибо.

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

К примеру реализация JS не правильно работает в project-stub для:

• Собираем статическую страницу //Имя пользователя не заменяется, скорее всего не правильно JS собирается.
• Создаём свой проект на БЭМ //Блок Box - не сворачивает хедер. Создание страниц - bem-tools создает пустой "desktop.bundles/contact/contact.bemjson.js"

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

Было бы не плохо в корне project-stub иметь краткое описание настроек для сборки проекта:

• ENB //Сборщик, собирает проект из . Настраивается в файле .bem/enb-make.js
• i-bem.js // Добавляет классы узлам Node в DOM-дереве, отключить/включить - в таком то месте.
• и т.д.

Не претендую на реализацию. Но было бы проще, чем искать это по гитхабу в куче репозиториев.

P.S. видео не работает

Проблемы с туториалами в том, что на bem.info они чуть отстали от кода, в самом репозитории обновленный вариант. Вскоре выкатим на сайт.

В ваших презентациях - красивый граф был

Он откроется именно в браузере, если открыть http://localhost:8080/.

видео не работает

Сейчас проверил, у меня работает.

Да, вы правы - красивый граф открывается, и да по нему боле-менее понятно что под капотом. Спасибо

А видео не открывается - ошибка, говорится что-то о идентификаторе воспроизведения. С разных устройств попробовал, со сбросом куки и истории. Напишите название видео - сам попробую найти, или ссылку замаскированную.

Название: Автоматизация БЭМ Заливший пользователь: artwtv Описание: Мастер-класс Владимира Гриненко на Frontend Talks&Works

@DjonyBastone: https://youtu.be/-un-YYgU6Pg

P. S. Я даже был на этом мастер-классе ^__^

Спасибо всем