Войти с помощью github

Как устроена серверная сторона БЭМа, как с рендерингом на сервере, с ruby, какие трудности при развертывании? Я вот сейчас общаюсь и мне приводят аргумент, что это еще и лишний гемор на сервере с js и нагрузку на сервер увеличивает, что приводит к удоражанию.

Можете показать сайты которые полностью на стеке БЭМа. НЕ ЯНДЕКС, а то при слове БЭМ у всех Яндекс, много датацентров, много бабок на сервера и тп.

Мне не нужны некоторые промежуточные таргеты на файловой системе. Как я могу написать технологию так, чтобы она не записывала результат в файл, а отдавала его в следующую технологию. Например технология files не создает файлов, но предоставляет их список. Если есть что почитать кроме исходников enb буду очень благодарен за ссылку.

Привет всем! Начал разбираться с bem-config. Крутецкая, между прочим, штуковина! Жаль, только примеров использования крайне мало. Хотелось бы узнать, как предполагается использовать секции libs и levels?

Правильной ли по БЭМ будет такая верстка, или можно сократить, перенеся, например класс блока home-featured-item на уровень container__col container__col_size_6?

<section class="home-featured-items">
    <div class="container">
        <div class="home-featured-items__title">Интересные предложения</div>
        <div class="home-featured-items__ads">
            <div class="container__row">
                <div class="container__col container__col_size_6">
                    <div class="home-featured-item">
                        <div class="home-featured-item__title">Название объекта</div>   
                    </div>
                </div>
                <div class="container__col container__col_size_6">
                    <div class="home-featured-item">
                        <div class="home-featured-item__title">Название объекта</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Хочу верстать новый проект с именованием по БЭМ. Как быть с готовыми jquery плагинами, например Owl carousel, который при подключении генерирует свои классы. Они будут не по БЭМ?

Привет! Я хотел вкрутить юнит тесты в проекте по инструкции https://ru.bem.info/toolbox/enb/enb-bem-specs/, но получил ошибку

Failed to start mocha: Init timeout Unsafe JavaScript attempt to access frame with URL about:blank from frame with URL

Решил попробовать на базовом проекте (https://github.com/bem/project-stub), но получил такой же результат. Посмотрел какие файлы формируются и заметил, что в конечных файлах тестов пустые html и css файлы. Пропущена какая-то зависимость?

Добрый день. Немного предистории.

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

Так как почти все страницы в проекте имеют бизнес-логику, страницы не используют bemjson и строятся по технологии bemtree, и соответственно блоки покрыты deps.js Тогда я начал костылять утилиту, которая строила граф по deps.js и визуализировала его (На примере bem-components http://eugenegantz.ru/page/bem-dep-gr-link_pseudo/)

Но видно, что это неполноценное решение:

  • Неточная структура шаблонизируемого дерева (хотя для редактирования должно быть достаточно)
  • Нет гарантий если разработчик упустил что-нибудь при оформлении deps.js, или например, зная контекст вынес deps на другой уровень
  • Необходимо использовать доп. утилиты на случай bemjson

В итоге такой вопрос знатокам: Существует ли адекватный способ производить поиск по БЭМ сущностям в проектах и строить структуру проекта?

К примеру, на случай если в проекте новый человек или проект ведут много специалистов.

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

Возможно ли настроить сборку для обхода по коротким названиям ресурсов блоков?

вместо: {block}/{block}.{tech}

использовать: {block}/{tech}

2016-08-15 23-42-02

По поводу плюсов длинного именования я в курсе, но и по поводу минусов тоже. Тем более что в основном для навигации пользуюсь fuzzy-поиском. 2016-08-15 23-42-55

Сейчас:

block-super-long/block-super-long.css
block-super-long/block-super-long.deps.js
block-super-long/block-super-long.bemtree.js
block-super-long/block-super-long.bemhtml.js
block-super-long/__elem/block-super-long__elem.css
block-super-long/__elem/_modifier/block-super-long__elem_modifier_value.css

Короткий вариант:

block-super-long/style.css
block-super-long/deps.js
block-super-long/bemtree.js
block-super-long/bemhtml.js
block-super-long/__elem/style.css
block-super-long/__elem/_modifier_value/style.css

Пользы от текущей реализации я вижу меньше, чем возникающих проблем.

  • во вкладках всё-равно видно начало имени файла, а не весь
  • каждый раз при создании ресурса технологии есть шанс сделать опечатку (нужно постоянно копировать имя блока)
  • переносимость ресурсов для "быстрого старта" в другой блок связана с переименованием не только того что внутри, но и самих файлов.

Всем привет!

Мы тут решили сделать логотип для BEM SDK.

Варианты обсуждаем в задаче https://github.com/bem-sdk/bem-sdk/issues/11.

Не проходите мимо :cat2: поделитесь мнением :smiley_cat:

Где можно применить этот инструмент на практике и как? может есть примеры проектов.

Я прочитал https://ru.bem.info/tools/bem/bem-naming/

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

var csswizardry = bemNaming({
    elem: '__',
    mod: '--'
});

по-умолчанию

Я использую БЭМ на уровне написания классов. т.е. использую только сам принцип плоских стилей и все. Я выбрал такое пространство имен: blok-neme , block-nema--elem, block-name--elem__mod. У меня на страничках часто встречается текст оранжевого цвета, раньше я добавлял класс .orange нужному элементу и все. Можно ли также поступать с БЕМ версткой?