Otrivin

Если хочется экзотики, сверстайте на iframe.

Хедер, футер, сайдбар - в одном html, контентная часть - в других. В основном шаблоне на месте динамического контента подставляете iframe, в который грузите нужный html

Принцип здесь

Ну а так, или делите шаблон на сервере на
.php-файлы и инклудьте нужные части, или делайте то же самое на клиенте - способ на jquery был выше, или с библиотекой includehtml

Не задавай фон самому элементу. Ты можешь определить псевдоэлемент ::before или ::after, задать фон ему, его и сделать полупрозрачным.

body {
  position: relative;
}
body::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url() center/cover;
  opacity: 0.5;
}

Делаю так:
1) в devtools включаю override для сайта
2) прохожу типичные страницы, удаляя с помощью js элементы ниже первого экрана + доп отступа
3) сохраняю результирующий html как override
4) анализирую страницу с помощью coverage, экспортирую отчёт по ней. Попутно меняю разрешение до мобильной версии и обратно, чтобы стриггерить медиа-правила.
5) когда все типичные страницы пройдены, и собраны отчёты по каждой из них, анализирую папку с ними скриптом, объединяющий использованные правила в один файл, неиспользуемые - в другой. Сохраняя исходную структуру/количество css.
6) создаю critical.css, который можно пушить по http2 либо просто добавив link preload, а остальные исходные css проекта заменяю очищенными экземплярами, чтобы не дублировать правила и в исходнике, и в критическом.
7) загрузку исходных откладываю с помощью js, loadcss, к примеру

Первые 3 шага рисковые, их можно пропустить, но с ними критический стиль получается меньшего размера, т.к. coverage записывает стили всех элементов, находящихся на странице.

Попробуйте figma, она хорошо работает с svg

Можно подключать стили/скрипты с рандомным get-параметром

Любой. Я бы советовал Tiny slider - лёгкий и без зависимости от jq

Что за хостер?
Замечено, что такая проблема была на adminvps. Проблема устраняется включением кэширования в isp-панели, в настройках www-домена

Js здесь вообще ни при чем. На почту ты не отправишь скрипт - максимум сверстанное письмо в html.

Создай шаблон на php, получай на сервере переменные из заказа, подставляй в целевые поля данные и шли функцией mail();

1) на CSS похожий эффект делается с помощью background-image; должен сказать, что фоновые картинки поисковиком, вроде как, не индексируются.
2) на is/jQuery есть куча плагинов, но все они замещают тег IMG, что может плохо сказаться на поисковой оптимизации изображений. Особенно обидно, если они - оригинальные.

Самостоятельно, примеры есть в инете. Поищи по "вкладки на js". Вообще ничего сложного - два дивана, один с кнопками, другой с содержимым. При нажатии на вкладку соответствующему блоку с содержимым добавляется класс, отображающий его

Ие не поддерживает свг? Даже в качестве фонового изображения?

Если поддерживает, то на ум приходит следующее:
1) обычный прямоугольный див без фонового цвета. В нем создаём псевдоэлемент с размером под площадь уголка + отступы, прижатый к верхнему правому углу. (Мы будем заполнять блок текстом, а псевдоэлемент не даст тексту залезать в площадь угла.
2) делаем векторную картинку с границей и срезанным уголком и ставим ее как фон у дива. Обязательно ширина и высота должны быть больше, чем предполагается использовать.
Векторная для того, чтобы при ресайзе не портилось качество. Фоновый свг позиционируем точно под псевдоэлемент, и задаём фиксированные размеры ему! Это чтобы при ресайзе уголок не менял пропорции.
2.1) у нас осталась проблема с отсутствующей отрисовкой границ снизу и слева. Решаем ее или с помощью множественных фоновых изображений (повторяем наш свг с этими отрисованными границами), или создаём дополнительные дивы с абсолютным позиционированием и прижатием к левой/нижней границе с заполнением цветом и толщиной / высотой в 1-2 пикселя.

П.с. сейчас подумал - можно и с растровым фоновым изображением - все равно мы задаём фиксированные размеры и делаем картинку больше, чем предполагается - угол не будет деформироваться.

Я решал или ручным сжатием с подбором настроек в Advanced JPEG Compressor 2012, или перегоняя jpegи в png с прогоном в PngOptimizer (если без шакальства не обходилось).

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

Реализовал на jquery на czm-sochi.su, можешь посмотреть там

А чем не устраивает адаптивный просмотр в инспекторе хрома? Там профили под разные устройства есть
Я на яндекс браузере, картинка на яблофоне6 не отличается от браузерной с тем же профилем

Comparser вам поможет. Насколько я помню, там есть функционал изучения выдачи Яндекса на предмет битых ссылок.

Я читал про метод, когда выкачиваешь нужные скрипты на свой сервер - тогда кеш/сжатие становятся доступны, и cronом потом автообновляешь