Адаптив или отзывчивость?

BenderIsGreat34, резиновость и адаптивность не заменяют друг друга, а дополняют.

Пример: две колонки по 50% ширины каждая на телефонах превращаются в два блока друг по другом с шириной 100% каждый. Тут вам и резиновость (относительные единицы) и адаптивность (изменение стилей в зависимости от разрешения).

Не воспроизводится видеофон в Opera и Safari?

Почему на iphone автоматический не начинается играть видео?

Как сделать размытие картинки только там где форма?

backdrop-filter: blur (10px).

Но будет работать только в Safari.

Всё остальные варианты — хаки по типу тех, что написали авторы.

Каким стеком умений надо обладать, чтобы делать подобные сайты?

storm_r1der, часть кода чего? Backend? Если про frontend -- не понимаю, зачем там они. Более того, для исполнения C++ в браузере его нужно преобразовать в JS (не знаю, как этот процесс называется), ибо в браузере нативно только JS.

Для анимаций там GSAP используется.

Какая есть JS библиотека для сортировки drag&drop с поддержкой смартфонов?

https://shopify.github.io/draggable/

Каким стеком умений надо обладать, чтобы делать подобные сайты?

Ну вы и перечислил нужные технологии + GSAP ещё.

Как поднять дочерний блок над родительским без transform?

Михаил Юматов, написал ответ.

Как поднять дочерний блок над родительским без transform?

Отрицательным margin'ом или position: relative + top с отрицательным значением, если без transform.

В чем проблема использовать transform?

Проблемы с реализацией?

Andrey Vasilev, беда с ним.

А насчёт интеграции оной формы внутрь слайдера — это не страшно совсем.

Как сделать так чтобы параграф менял цвет при нажатии на него и оставался таким пока фокус не перейдёт на другой параграф?

JohnDoe116, теперь работает после добавления tabindex, как сказал Максим Ленский.

Я про него забыл. Точнее, без него тоже бы работало, но я поднял приоритет с помощью значения tabindex="1". Теперь они в первую очередь выделяются.

Как сделать так чтобы параграф менял цвет при нажатии на него и оставался таким пока фокус не перейдёт на другой параграф?

Максим Ленский, да, он тоже нужен, спасибо!

JohnDoe116, добавьте ещё и его + значение относительно других элементов (чем выше значение, тем выше приоритет).

Как сделать так чтобы параграф менял цвет при нажатии на него и оставался таким пока фокус не перейдёт на другой параграф?

p:hover,
p:focus {
   color: red;
}

Проблемы с реализацией?

LOL, а какие варианты кроме верстки + JS?

Дизайн пипец :))

Возможно ли перевести написанный шрифт?

unddeus, то есть, вы хотите сервис, который за человека (шрифтовика) локализует ваш латинский шрифт? Который сам сделает все кириллические глифы, лигатуру, кернинг и т. п.?

Ха-ха. Это невозможно.

Ищите просто похожий шрифт.

Какие изменения произошли в вёрстке html писем в 2019?

Если хотите максимальный охват почтовых клиентов — то никаких изменений не произошло. Ну а так, Gmail стал поддерживать медиазапросы, например.

Возможно ли перевести написанный шрифт?

Что? :))

Верстка меню и шапки сайта c помощью float?

И? Простейшая типичная верстка на float. Две строки, колонки одна за другой.

Как сделать чтобы вебпак компилировал все scss-файлы в один css-файл?

ch-aqwer, а как вы настроите порядок компляции? А что, если порядок файлов нарушает порядок импорта, когда, к примеру, всё миксины и переменные у вас в самом последнем файле в папке, а для компиляции они должны быть первым?

Как сделать чтобы вебпак компилировал все scss-файлы в один css-файл?

ch-aqwer, ну, вообще, это обычно делают через @ import в самом SCSS, так у вас полный контроль будет. Webpack уже тупо компляцию запускает.

Как сделать интерактивную карту этажа?

А что вы ждёте от данного ресурса?

Тут целое большое задание по созданию backend- и frontend-части. Frontend должен генерировать SVG, например, с нужной разметкой.