В чем суть БЭМ от Яндекса?
По сути все сборщики там это всё вторично. Главное сам принцип именования и использования классов в HTML и CSS. Этот подход позволяет сохранять единообразный подход к разработке даже в самой большой команде. Кроме того позволяет обмениваться модулями (html+css+js) между командами. Например одна команда написала скажем sidebar. Другая команда теперь может легко и просто вставить его в свой проект, не беспокоясь о конфликте CSS стилей или имен классов.
По смыслу же это - jquery/gulp/jade - от яндекса?
это bem-tools, сама методология BEM чуть отличается все же.
блок - базовые стили маленького блока, какой-то конкретной составляющей UI
элемент - стили отвечающие за позиционирование вложенных блоков или просто элементов
модификаторы - стили, меняющие оформление блока или его элементов.
По сути BEM это крайность, основная соль которой - декомпозиция UI, разделение всего и вся на независимые блоки с целью повторного использования... Это очень даже хорошо работает в рамках большого количества однотипных в плане UI приложений. Для яндекса это подходит очень хорошо. Для мелких проектов - возможно не так хорошо, но от этого идеи не становятся плохими. Можно слепо следовать правилам и жить не тужить, а можно думать что ты делаешь и какие подходы используешь, оптимизировать все под себя и т.д.
https://www.youtube.com/watch?v=RM55tkWfHDc - рекомендую к просмотру доклад Вадима Макеева на эту тему. Думаю так будет проще.