Под какие разрешения верстать?

это не основные, никто не будет в здравом уме писать разные стили для 991 (что это вообще) и 1024

Как вы решаете задачу с выводом изображения?

anasasiakiri4enko: автопрефиксером не забудьте прогнать) caniuse.com/#search=transform

Как вы решаете задачу с выводом изображения?

то есть у вас квадрат 200х200, в который нужно запихать изображение 400х200?

Вопрос про стилистику верстки. Как правильно верстать?

Ankhena W: согласен с вами, это суровая реальность и это боль :(

Вопрос про стилистику верстки. Как правильно верстать?

Ankhena W: А еще многие cms предполагают возможность смены логотипа из админки, то есть микроразметка это не единственная причина. Обертки использовать - повод, если того требует ситуация. С логотипами конечно такое редко бывает, но вот недавно у меня был логотип - картинка + 2 текстовых блока с разным стилем и определенным позиционированием поверх этой картинки. Текст просили сделать именно текстом. Итого .logo>.logo__img+.logo__txt1+.logo__txt2 - и ни одна из оберток не лишняя
Стандартный лого вот таким миксином делаю:

mixin logo(data)
  if (data.schema)
    .logo(itemscope itemtype="http://schema.org/Organization")&attributes(attributes)
      a(href="home.html" itemprop="url").logo__link
        img(src=data.image.src width=data.image.w height=data.image.h alt=data.image.alt itemprop="logo").logo__image
  else
    .logo&attributes(attributes)
      a(href="home.html").logo__link
        img(src=data.image.src width=data.image.w height=data.image.h alt=data.image.alt itemprop="logo").logo__image

Вопрос про стилистику верстки. Как правильно верстать?

Логотип - это не элемент оформления. Для него даже schema.org разметка существует. Так что вас слушать не надо :(

Как рисовать сайт, который будет верстаться на bootstrap?

Владимир Соломыкин: судя по упоминаниям в статьях, подобных моей - не единичный) Спасибо за обратную связь, будет время раскрою подробнее этот пункт (да и в целом есть что дописать).
Конкретно по mobile-first не думаю, что буду лучше гугла, скину пару ссылок около темы из закладок, может быть что-то полезное найдете:
https://habrahabr.ru/post/269419/
frontender.info/building-a-better-responsive-website
www.html5rocks.com/en/mobile/responsivedesign
mediaqueri.es

Как рисовать сайт, который будет верстаться на bootstrap?

Владимир Соломыкин: пытаюсь вспомнить реальный случай проблемы с режимом наложения и что-то с трудом. По-моему это был элемент, вроде сложной иконки, который менял свой цвет из-за режима наложения.
То есть я вижу в макете иконку, экспортирую - а она другого цвета. И дальше проблемы, она сложная (допустим с тенью, градиентом, несколькими цветами), просто-так мне Ее не удаётся перекрасить - да и не должен я на неё время тратить.
Ну а внутри экспортируемого целиком объекта - баннера например - можно делать что угодно.

Самый треш что я видел - то ли режим наложения, то ли просто прозрачность, была применена ко всему макету. Видимо заказчик сказал - хочу светлее. А дизайнер "сделяль".
Я беру цвет заголовка из свойства текстового блока - и вижу в вёрстке что он ощутимо так темнее. Не сразу до меня дошла вся глубина замысла...

Как рисовать сайт, который будет верстаться на bootstrap?

Владимир Соломыкин: задавайте
Zip потому, что открывается везде. Например чтобы открыть .rar на маке пришлось ставить отдельную программу.
Казалось бы - мелочь, но из мелочей и строится целое.

Как поправить скрипт карты, что бы скролл работал только при клике?

mUchenik: для этого тут кнопка "Отметить решение"

Как поправить скрипт карты, что бы скролл работал только при клике?

mUchenik: https://tech.yandex.ru/maps/jsapi/

Интернет магазин и "трудные" клиенты - как помочь?

Pavel K: ну правда глаза чуть не вытекли :(

Корректно ли использовать заголовки в списках H in li?

А заём вы h2 в ul вложили?

Что это за скобки?

eellazy: влияет в плане пересылки с сервера лишних символов ([ и ]), но влияние это настолько ничтожно мало, что правильно сказать - нет, не влияет

Как оформить такой html в стиле БЭМ?

copal: в данном случае "неймспейс" это та недостающая фича css, которую реализует БЭМ за счет Блока. И мы спокойно пишем стили внутри блока, не боясь конфликтов. Вы согласны с этим?

Я не вижу подтверждения возможности использования модификатора отдельно от его "хозяина" (модификатор может быть и у блока и у элемента). Да и глупо это, сама суть модификатора в изменении/дополнении свойств блока/элемента.

Ссылки подтверждающие невозможность использования класса модификатора отдельно от модифицируемого класса:
https://ru.bem.info/methodology/faq/#Как-сделать-г...
https://ru.bem.info/methodology/faq/#Зачем-писать-...

Кстати у Яндекса немного другой, на мой взгляд менее приятный, синтаксис БЭМ.
Я предпочитаю такой: https://css-tricks.com/bem-101/ (собственно о таком мы и говорим в этом вопросе)

Как оформить такой html в стиле БЭМ?

copal:
.list - это блок, который по сути создает неймспэс.
.list--vertical - это модификатор этого блока (в его неймспэйсе)

Как оформить такой html в стиле БЭМ?

copal: модификатором блока

Как оформить такой html в стиле БЭМ?

copal: чем отличается? в обоих случаях есть каскад, только на скриншоте каскад от Элемента к другому Блоку.

Как оформить такой html в стиле БЭМ?

copal: да ладно: take.ms/B1aiP =)

Шаблонизатор html для новчиков: как сделать первые шаги?

Kote: Я считаю автоматизация с gulp'ом вопрос первоочередной. Потому что напрямую из консоли в данном случаем все будет не очень удобно.

Почитайте про node.js и npm, что такое локальная установка пакета и что такое глобальная.

Допустим вы выбрали Jade. Пока не трогаете Gulp, просто хотите чтобы из файла page.jade получился page.html.

Инструкция на простом примере уже есть:
jade-lang.com/command-line

на маке у вас скорее всего нужно будет сделать так:
sudo npm install jade -g
теперь jade установлен и можем им пользоваться
jade page.jade page.html
из файла page.jade получаем page.html

Все просто)