В этом посте мы постарались ёмко рассказать про всё, что произошло в мире БЭМ за четыре месяца с предыдущего дайджеста.

Новости библиотек

• Выпустили bem-core 2.8.0. Главная тема релиза — интернационализация (i18n) из коробки.
• Продолжаем работать над мажорным релизом bem-core, который принесёт множество заметных улучшений в ядро.
• Выпустили bem-components 2.4.0. Главная тема релиза — обеспечение доступности (a11y) контролов, теперь они не уступают нативным.
• Выпустили bem-history 3.1.0.
• Реализовали dist-поставку библиотек bem-core и bem-components: вы можете подключить собранные CSS + JS и использовать блоки, просто копируя HTML из документации на bem.info.
• Силами сообщества, выпустили bem-grid 2.2.0 и готовится к выпуску bem-forms 1.0.0.

  Новости технологий

Полностью переписали https://github.com/bem/bem-xjst — ядро для BEMHTML и BEMTREE. Оно стало заметно быстрее (как при сборке, так и при выполнении шаблонов), не требует компиляции, позволяет добавлять новые шаблоны в рантайме и вот-вот обзаведется новыми полезными фичами вроде source maps. Попробовать на деле можно здесь.

Новости инструментов

В начале декабря мы провели очередной Хакатон по БЭМ, посвященный разработке инструментов.

По итогам Хакатона появились:

• прототип bem-tools 2.0
• плагины для bemhint
• сборка project-stub с помощью gulp
• сборка project-stub на Webpack

Кроме этого, мы активно работали над ENB:

• Выпустили ENB 1.0.0.
• Поработали над плагинами ENB:
  • enb-bem-techs v2.0.0
  • enb-stylus v2.0.0
  • enb-bh v1.0.0
  • enb-xjst v2.0.0 и enb-bemxjst v2.0.0
  • выпустили новый плагин для ENB, который ведет себя, как DefinePlugin для Webpack: ищет в коде бандла плейсхолдеры с названием переменных и заменяет их на соответствующие значения.

    Новости документации

Опубликовали новые документы:

• Методология сборки БЭМ-проекта — описали процесс сборки БЭМ-проекта, его основные понятия и принципы.
• Декларации в БЭМ — рассказали, для чего и как мы их используем в сборке БЭМ-проектов, а также описали основные способы получения декларации.

Обновили документы:

• Как создать свой проект на БЭМ — документ обновлён до новых версий библиотек.
• История создания БЭМ.

  Новости мероприятий

• Провели два вебинара по БЭМ:
  • первый про декларативные шаблоны, провел @vitkarpov;
  • второй про i-bem.js — @tadatuta.
• Организовали большой Хакатон по БЭМ, который был посвящен разработке инструментов для БЭМ. Хакатон был в основном внутренним, снаружи мы пригласили всего трёх человек. Отчеты о хакатоне и реализованных проектах можно прочитать в блоге на bem.info.
• @tadatuta рассказал подробный доклад на Субботнике о том, чем bem-components отличается от Bootstrap и в чем его превосходит.
• Ещё @tadatuta провел вебинар на GeekWeek про разработку веб-интерфейсов по БЭМ-методологии.

  В мире БЭМ

• BEM – CSS Code Organization Methodology.
• Длинная телега про Бутстрап.
• BEM, Sir!.
• 19 принципов разработки по БЭМ, или что должен знать каждый разработчик библиотек.
• Плагин для posthtml будет особенно полезен тем, кто хочет продолжать писать HTML руками.

Интересные темы на форуме

• Трехзвенная архитектура в БЭМ.
• Про обертки.