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

Dmitriy G, Что? Там табы этажей внутри которых svg. Ховер там на css, клик обработать и вывести попап с инфой.

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

А что тут объяснять? Как клик по path обработать?)

Есть ли миксины для html?

Froggyweb, Для этого у меня есть gulp-file-include

Есть ли миксины для html?

Шохрух Шаймардонов, Спасибо! Как-то я об этом не подумал, щас попробую сделать.

Как еще ускорить верстку?

Vaultboy84,

ну наверное даже такой идиот,

Даже читать дальше не собираюсь)

Как еще ускорить верстку?

Korsia,

теоретически да, пишешь им два класса, общий и основной. Но мне так проще и быстрее, потому что часто бывает, что стили одинаковы, но у одного - падинг меньше и черточка, а у другого цвет другой.

Это ты щас описала миксы, когда два класса смешиваются (.title.section__title), но в случаи, который ты описала выше можно ещё использовать и модификаторы. Ничего не придётся копировать в css, просто пишем
<div class="block block--color">
и в css меняем цвет, аналогично для отступов, но для отступов лучше всё-таки миксы, да.

Это правильная методика, которая не просто так была придумана. Весь смысл БЭМа теряется, если не реиспользовать стили.

Как еще ускорить верстку?

jamtuson В принципе, есть правильные мысли, но их меньшая часть.
Цвета нужно заранее в переменные занести, а не определять на глаз. Также с размером заголовков, возможно какие-то отступы между секциями и т.п. повторяющие стили.
А определять на глаз - это чревато тонной правок на этапе сдачи проекта.

Лучше разделить вёрстку на 3 этапа:
01. Пишем разметку
02. Пишем стили
03. Делаем пиксельпёрфект

Теперь подробнее:
01. Выбираем элемент, либо секцию, либо можно вообще всю страницу и пишем сразу разметку представляя в голове расположение блоков и элементов + придумываем классы для всего этого.
02. Пишем стили для разметки, но без отступов. Просто раскидываем флексами, задаём размер шрифтам и т.п.
03. Ровняем всё отступами, текст подгоняем и т.п.

В итоге, мы получаем пиксельпёрфект вёрстку без придуманных цветов и отступов на глаз и кучи правок на сдаче. Чем больше таким способом будет сделано проектов, тем быстрее будешь всё это делать.

Как еще ускорить верстку?

Vaultboy84 Какой-то странный ты...
Сначала расписывал какой бутстрап хороший инструмент, потом Jack_Rabbit объяснил почему это не так и ты сразу "да речь то не про бутстрап", а про что? И не надо говорить что кто-то чего-то не понимает, имхо, в данной ситуации ты не понимаешь...
Какие к чёрту "Тултипы, слайдеры, стилизация инпутов, модальные окна, сетки, переменные для гибкой настройки стилей"? Есть хорошие плагины для всего этого или это пишется всё руками. Ты не в состоянии инпут стилизовать руками? Тебе для этого нужен бутстрап? Если это так, то это тебе нужно учить матчасть.

Единственное, что меня удивило, что автор от галпа отказалась, но видимо галп использовался для совсем лёгких задач, что плагины в vscode смогли его заменить.

Как сделать копию изображения?

Сделал иначе. Просто скопировал таск imgs два раза, в первом сжимаю и копирую изображения в своих форматах, а во втором конвертирую в webp + поджимаю до 75% и выгружаю по тому же пути.
В итоге у меня по одному пути 2 изображения.

Как для контейнера задать свойство, а для элементов которые в нём нет?

Denisneedyourhelp, На этом наши полномочия всё.

Как для контейнера задать свойство, а для элементов которые в нём нет?

Denisneedyourhelp, Если нужно прозрачность фона менять(цвета), то делайте прозрачность через rgba. Если фон изображением, то изображение в отдельный блок, растягиваем на ширину и высоту родителя и отдельно для него меняем прозрачность. Также можно через псевдоэлементы реализовать.

Какие css сетки используете вы и почему?

Николай, Серьёзно?)) Ладно, я понял тебя.

Какие css сетки используете вы и почему?

Николай, Уже вполне можно верстать. Поддержка 92%.

Как правильно обработать кнопку?

slo_nik, У меня нет проблемы. У меня есть вопрос "как правильно". Меня интересует как ПРАВИЛЬНО, как ЛУЧШЕ, как БЕЗОПАСНЕЙ обработать клик по кнопке и в последующем отправить sql запрос, чтобы удалить строку.

Если считаешь что через js правильно, то напиши как конкретно, через ajax? Почему через js? Почему не создать форму в каждой ячейке?

Как правильно обработать кнопку?

slo_nik, У меня конкретный вопрос, что тебе не понятно? Если не хочешь отвечать, то не отвечай. Чё ты тут устроил? Я вопрос задавал не ради конфликта.

Как правильно обработать кнопку?

slo_nik, Поэтому я и спрашиваю как правильно. Я могу и без js обработать, но правильно ли это будет - вопрос.
Если с помощью js правильней, то напиши пожалуйста как. Я отмечу правильным ответом.

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

Вынести модалку из шапки возможно?

Изображения вставлены через атрибут тега style="background-image: url()". Почему?

Так же в случае недоступности сервера картинки не будет появляться значок ошибки загрузки изображения

Для это есть атрибут alt.

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

Изображения вставлены через атрибут тега style="background-image: url()". Почему?

Уже давно есть рабочий полифил для object fit
https://github.com/bfred-it/object-fit-images

Но соглашусь, что лучше всё-таки background, т.к. не нужно полифилов и при посадке на cms полезно.

Как правильно верстать такие переходы?

ivan123321, бэк пиши в блок, который трансформируешь.