1. bootstrap first
1.1. минимальное кол-во БЭМ блоков
1.2. не удивляйся если тебя будут просить переделать верстку на Bootstrap
2. БЭМ
2.1. заимствуем из БЭМ
2.1.1. идею независимых компонентов
2.1.2. соглашение по наименованию селекторов
2.1.2.1. чтобы легче включать новых людей в проект
2.1.3. разбивку блоков по файлам
2.1.3.1. чтобы явно обозначить границы блоков
2.2. Мораторий на вложенные блоки
2.2.1. никакой иерархии, все plain
2.3. отказ от каскадов и любых цепочек классов
2.3.1. кроме каскада внутри блока
2.3.2. кроме каскада ограниченного одной логической страницей
2.4. Структура файловой структуры
2.4.1. один блок - одна папка
2.4.1.1. CSS/SASS
2.4.1.2. HTML для тестирования блока
2.4.2. без subdirectories
2.5. Мораторий на шаблонизаторы BEM
2.5.1. нам не нужны большие и сложные блоки
2.5.2. вместо этого используем Riot Tags
2.6. Только четкие ясные и говорящие названия
2.6.1. для блоков, элементо, модификаторов
2.6.2. Никаких item, form и прочих buzzwords
2.7. для shared компонентов (папка blocks) строго придерживаемся правил БЭМ
2.7.1. стили не могут быть привязаны к тегу без селектора
2.7.1.1. .b-lk-nav > ul >li - запрещено
3. Словарь сокращений
4. Ideas
4.1. от MCSS
4.1.1. foundation + base layer + контекст
4.1.1.1. customized bootstrap
4.1.1.2. + custom components
4.1.1.2.1. хорошо совместимые с bootstrap
4.1.1.3. + custom context
4.1.1.3.1. logged-in
4.1.1.3.2. not-logged-in
4.1.1.3.3. etc