amazori

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

На видео зритель задает примерно такой вопрос: "Не проще ли использовать для модификаторов множественные классы?" В ответе в качестве основного аргумента говорится, что IE6 криво поддерживает множественные классы. Какие еще минусы таких модификаторов? В чем преимущества стандартных модификаторов БЭМ? Пример стандартного БЭМ: <div class="b-divider b-divider_comment-head"> <div class="b-divider__side b-divider__side_rt"> </div> </div> .b-divider {} .b-divider_comment-head {} .b-divider__side {} .b-divider__side_rt {} Пример с использованием множественных классов: <div class="b-divider m-comment-head"> <div class="b-divider__side m-rt"> </div> </div> .b-divider {} .b-divider.m-comment-head {} .b-divider__side {} .b-divider.m-rt {}

Еще один вопрос. Полагаю многие кто использует БЭМ сталкивались с этой проблемой. К примеру, необходимо установить на сайт фотогалерею. В таких случаях берут готовые скрипты, стили в которых написаны не по стандарту БЭМ. Что делать в таких случаях? Переписывать готовые стили под БЭМ достаточно трудоемко, а если появится необходимость обновить скрипт до новой версии, часть стилей придется снова переписывать. P. S. Кстати, существует хорошая фотогалерея написанная как раз по методу БЭМ — Фоторама.

Все же я вижу недостатки такого подхода. Объясню на примере. У нас уже есть готовый блок из библиотеки b-elastic. Пример. На его основе решаем отобразить товары в интернет-магазине. Добавляем модификаторы для настройки внешнего вида. Пример. Спустя время появляется необходимость отобразить эти товары вертикально. Приходится перезаписать c помощью модификаторов некоторые стили блока b-elastic. Пример. Тут даже проблема не в самом перезаписывании, а в логике. Изначально блок b-elastic предназначен для растягивания элементов по ширине горизонтально, а теперь в нем элементы отображаются вертикально. Ну либо придется менять сам HTML-код, что еще проблематичнее. А вот если бы мы изначально не смешивали блоки (пример), то для изменения расположения элементов, нам потребовалось бы изменить лишь пару строк в CSS. Пример. P. S. На Яндексе есть примеры со смешанными блоками?

Вопрос к спецам по БЭМ. В примерах использован такой код (сократил для наглядности): <div class="b-comment"> <div class="b-divider b-divider_comment-head"> <div class="b-divider__side"> <a href="" class="b-comment__close">?</a> </div> <div class="b-divider__base b-comment__head">Заголовок</div> </div> </div> Для чего нужно совмещать блоки? Почему нельзя написать отдельный? К примеру: <div class="b-comment"> <div class="b-comment__head"> <div class="b-comment__side"> <a href="" class="b-comment__close">?</a> </div> <div class="b-comment__base">Заголовок</div> </div> </div> На мой взгляд при смешивании блоков становиться труднее разбираться в коде. Понятно, что CSS будет чуть больше, если блоки не совмещать, но в чем глобальные преимущества первого примера?