Стандарт вёрстки сайтов

Все проекты верстаются на основе шаблона прототипов, лежащего в git boilerplate/wireframe, ветка master. Инструкция по работе с шаблоном лежит в файле README.md в корне проекта или по ссылке Инструкция по работе с прототипами сайтов в Cetera Labs.

Все проекты верстаются с помощью Sass http://sass-lang.com/

Все проекты верстаются с помощью Pug (ex-Jade): https://pugjs.org/.

Все проекты верстаются с помощью фреймворка Foundation последней версии. Используем Sass-версию, она уже подключена в шаблон из boilerplate_wireframe. То есть подразумевается использование HTML-шаблонов Foundation: сетка, верхнее меню, формы, хлебные крошки и т.д.

Ваш HTML-код должен быть буквально точной копией того, что изложено в документации Foundation. Отступления, разумеется, возможны, когда это продиктовано исключительной необходимостью, но у вас должна быть чёткая аргументация, почему вы сверстали форму не так, как в документации к Foundation. При этом аргументы «так было быстрее» или «мне так удобнее» рассматриваться не будут, а будут трактоваться как брак.

Все проекты верстаются по БЭМ-методологии (без использования БЭМ-инструментария): http://ru.bem.info/.

• верстка контекстно независимыми блоками. Каждый блок оформляется как отдельный Sass-файл. Понятным образом это все собирается в один CSS. http://ru.bem.info/method/definitions/

• правила именования классов https://ru.bem.info/methodology/naming-convention/

Все картинки кроме фотографий должны быть в SVG.

Всю динамику делаем с помощью jQuery и плагинов к нему:

• просмотр картинок с помощью FancyBox http://fancyapps.com/

• слайдер, бесконечная карусель с помощью slick http://kenwheeler.github.io/slick/

• там же в Foundation есть еще ряд достойных плагинов.

При разработке мобильных версий используем jQuery Mobile http://jquerymobile.com/

Адаптивность

• Сайты верстаются неадаптивно только тогда, когда об этом явно просится в задаче;

• Неадаптивные сайты верстаются так, чтобы в будущем была возможность доделать адаптивность;

• Если в задаче не были предоставлены дополнительные макеты для разрешений экрана меньших 640 и 960 пикселей, то исполнитель может их запросить сам у дизайнера, и затем использовать их в работе;

• В процессе верстки допускается совместное с дизайнером изменение дополнительных макетов для облегчения разработки.

Правила складирования верстки

Хорошие рекомендации по верстке в другой компании: http://glavweb.ru/ru/knowledge-base/standarty-html-verstki. Обязательно к прочтению всем верстающим.