Serj-One

display:inline-block у .column
inline-block элементы имеют между собой стандартный пробел. Решается через font-size: 0 для родителя.

Второй удобней и в разработке и в поддержке.

Зачем создавать элемент, если можно создать модификатор блока?
<div class="header header--center"></div>

owl.carousel 2 + animate.css Вообще, можно использовать любую библиотеку готовых анимаций или написать свои.

"devDependencies": {
    "browser-sync": "^2.18.8",
    "gulp": "^3.9.1",
    "gulp-autoprefixer": "^3.1.1",
    "gulp-concat": "^2.6.1",
    "gulp-csscomb": "^3.0.8",
    "gulp-csso": "^2.0.0",
    "gulp-newer": "^1.3.0",
    "gulp-plumber": "^1.1.0",
    "gulp-rigger": "^0.5.8",
    "gulp-sass": "^3.1.0",
    "gulp-tinypng": "^1.0.2",
    "gulp-uglify": "^2.0.1",
    "gulp-watch": "^4.3.11"
  }

В зависимости от проекта список может расширятся, но костяк таков.

Вырезать с рамкой и не нужно. Рамка - элемент вёрстки.

BrowserSync умеет пробрасывать локальный проект в интернет.
Непосредственно для таких демонстраций есть ngrok.
А вообще, любая IDE умеет в автодеплой. Не вижу в этом никаких проблем.

Коммерческие требовать с заказчика, свободные ничего не мешает скачать самому.
Устанавливаются (неожиданно) двойным кликом по файлу шрифта.

Что мешает переименовать после компиляции?
https://www.npmjs.com/package/gulp-rename
extname = ".tpl"

https://unsplash.it/
https://placehold.it/
loremflickr.com

Как локальный вариант - holderjs.com

По идее на макете они реализовани с помощью шрифта Socialico, но найти его я не смог.

Первая же ссылка в гугле ведёт на него - www.fonts2u.com/socialico.font

Извращение - это ещё мягко сказано. БЭМ - наше всё.

$("img").on("dragstart", function(event) { event.preventDefault(); });

codepen.io/Serj-One/pen/XdKxEB - jQ
codepen.io/Serj-One/pen/grMBdr - без js, но с лишними обёртками.

Задача верстальщика - верстать. Подготовка изображений - обязанность дизайнера.

1) В большинстве случаев F12 в IE11 -> режим документа более чем достаточно.

2) Если нужно тщательней, качаем образы для виртуалки с нужными версиями Win и IE - Windows Dev Center
3) Для полноценного тестирования на всех устройствах - browserstack (платно, довольно дорого, но когда нужно - того стоит, альтернатив нет. 30 минут бесплатно, но с ограничением по доступным устройствам)