У нас в проекте вся вёрстка из сделанного вами макета будет переводиться из html в slim (http://slim-lang.com/), а css стили в sass (http://sass-lang.com/).
- Верстать дивами, без таблиц, без css фреймворков. Таблицы использовать только в случае, если надо сверстать таблицу.
- Мы используем при вёрстке независимые блоки по аналогии с БЭМ. Блоки именуем с префиксом
b-
.
Каждый блок помещается в отдельный файл. Префиксы для дочерних классов блока, как в оригинальном БЭМ, не используем (используем вложенные классы sass).
Используем лейауты с префиксом l-
для каких-то верхних элементов, которые глобально определяют композицию страницы.