Есть ли годные туториалы и мастер классы, "живые верстки" с Zurb Foundaton?

Курсы не встречал, да и не искал. Документация в принципе понятная и он не сильно отличается от BS, пишите если что, помогу разобраться. Контакты в профиле.

Как зафиксировать блок что бы он не "скакал" при изменении бэкграунда?

HelenaS Это декоративный блок или картинки/текст в нем будут меняться? Покажите что должно получится, станет ясней как лучше сделать. Подозреваю что это динамический блок, тогда вариант с псевдоэлементом не подойдет

Как зафиксировать блок что бы он не "скакал" при изменении бэкграунда?

Ankhena W HelenaS это не сработает, транзишен работает только числовыми значениями. Вам нужно увеличивать сам псевдоэлемент в котором картинка https://jsfiddle.net/s6mmsad0/

Как зафиксировать блок что бы он не "скакал" при изменении бэкграунда?

HelenaS background увеличивается потому что вы растянули псевдоэлемент. Объясните что в итоге вы хотите получить?

Как сделать кнопку?

<a href="https://webref.ru/html/a" class="buy">Buy</a>

Тренировочные макеты в портфолио?

HackOwnB Не знаю проверяют ли специально. Сам когда изучал портфолио различных людей, встречал макеты из сети.

Как делают копии "брошенных" сайтов?

нагуглил - answit.com/vosstanovlenie-sayta-iz-veb-arhiva

Как делают копии "брошенных" сайтов?

soofftt91 первое что приходит в голову - веб архив archive.org/web/web.php

Кто-нибудь пользует @supports?

как же человек любит усложнять себе жизнь ) Александр Шибков про css variables еще не забудьте

Как поднять текст если тэг мешает?

Эдуард Богач Я бы вообще не использовал img для этих иконок. img для контентных изображений, которые меняются часто.

<span>APP OF THE YEAR</span>

div{
   background: url(...) no-repeat left center;
   padding-left: "равный ширине иконки";
}

Вторую иконку подгружать в медиа запросе
А чтобы избавится от "br" задайте ширину

Как поднять текст если тэг мешает?

Роман Жариков зачем использовать пустой див когда есть clearfix или overflow: hidden; для контейнера?

Разработка сайта с использованием git. Как работать правильно?

Олег Редькин

не скомпилированные файлы, а сам сборщик

не так выразился, помимо скомпилированных файлов, храните сам сборщик

Разработка сайта с использованием git. Как работать правильно?

Олег Редькин Храните исходники в гите на сервере, не скомпилированные файлы, а сам сборщик (node_modules в gitignore). Далее под каждую задачу создаете отдельную ветку. У нас прогеры в Битриксе сделали конструктор страниц с разными компонентами, каждый компонент цепляет только нужные ему стили и скрипты, верстка само собой модульная должна быть. У меня под каждый компонент создается папка в которой разметка компонента + стили + скрипты + SVG спрайт если есть. Разметку сам раскидываю, прогеров обычно не напрягаю.
Для команды сделал документацию, всех все устраивает, жалоб не поступало.

Вёрстка отдельных элементов?

Александр Шибков Если это все будет анимироваться, значит дизайнер был в курсе этого. Пытай его на предоставление вектора. А библиотек для анимации полно, например anime-js.com, svgjs.com, snapsvg.io/demos или на CSS

Как представлять лого заказчику?

Pavel Designer я в свое время перепробовал кучу разных конвертеров и разных способов, что то работало более менее, что то нет. Перевести простую фигуру не проблема, а что то посложнее - уже выявляются косяки. Я вручную рисовал смотря на растр. Не претендую на истину, так как не дизайнер, говорю из опыта. В любом случае, нормальный заказчик этой фигнёй заниматься не будет.

Как сверстать такой гибрид галереи и слайдера?

Максим Bootstrap как вариант. А по fancybox накидал пример codepen.io/anon/pen/wJoKaM

Как представлять лого заказчику?

Сергей Нормальный заказчик не будет заниматься этой ерундой. Конвертировать растр в вектор качественно не выйдет, а если логотип сложный, то вообще получишь "кляксу".
Идея без реализации ничего не стоит.

Как сверстать такой гибрид галереи и слайдера?

Максим Можно сделать например на fancybox fancyapps.com/fancybox/3
Вам нужен пример с inline content. Попробуйте сами, документация понятная. Я уже спать пошёл. Если не выйдет, накидаю пример днем.

Как изменить толщину SVG?

Alexander Belov Тогда только через редактор. Фигура сделана через кривые и параметры точек указаны в атрибуте d="M475.07.......", Можно вручную, но замучаетесь )

Как сверстать правильно прогресс блок?

Nwton это еще можно пережить