Как бы вы реализовали этот блок?

Загрузи это изображение в инскейп или в другой векторный редактор, нарежь изображение на части, потом собери как было и сохрани в svg. В html частям задай z-index

JS маска для инпут и событие .on keycup?

https://jsfiddle.net/p6xe1roc/ - вот простенький пример как я делал

JS маска для инпут и событие .on keycup?

Я как-то давно решил такую проблему так: всем инпутам задал один какой-то класс, например .validate при ошибке инпутам добавляется класс .validate-error

Далее перед отправкой: $('.validate').trigger('input'); . соответственно после этого проверяешь есть ли в инпутах класс.validate-error Но это кривое решение и по этому я написал в комментариях, поделился своим опытом

Как сделать последний блок до конца контейнера (скрин)?

Примеры стоит оформлять в песочнице, например codepen.io или jsfiddle.net

Как узнать открыта клавиатура на айфоне или нет?

В каких случаях открывается клавиатура ? Может при фокусе на инпут ? Тогда может слушать инпут на фокус, если есть фокус значит клавиатура открыта

Как сделать у блока такие углы?

spoiler

Есть тут дизайнеры ? Кто может объяснить подобные "перфомансы" от дизайнеров ? Зачем это нужно ? Просто реализация таких элементов в 101% случаев делается через ультра костыли, причем не важно верстак проффесионал или нет.

совет автору: Лучше напиши дизайнеру, что он идиот, пусть увольняется к чертям.

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

Ivseti, окей, вот еще 2 ссылки забыл - fadein
fadeout

Изменение цвета текста в зависимости от цвета блока под ним?

Aljo, да

При адаптиве появлятся белая полоса справа, как исправить?

Мне обычно это помогает дебажить

* {
    outline: 1px solid red;
}

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

valgerofficial, тогда только так - https://codepen.io/5h4dy_s/pen/JjWmjEW
Нужно связать кнопки с блоками.

Не работают события для динамически созданных элементов?

Ilya Famin, Если добавляются новые элементы — при помощи ajax’а или функций типа append() — то события, click в вашем случае не затрагивают их.

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

Предлагаю почитать:
Обработка динамически доб...
Делегирование событий

В чём заключается ошибка?

Дмитрий Гоперлаев, ничего, бывает) Насколько я знаю, большинство современных редакторов указывает на такие моменты (vs code к примеру)

Как скрыть div, если внутри div пустой?

node_js, самый простой вариант загуглить

Как скрыть div, если внутри div пустой?

только на js

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

Андрей Григораш, набросай пример в песочнице, может у тебя модалка внутри нава, нужно видеть разметку

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

простоz-indexнельзя ?
position: relative и z-index ?

Почему не работает клик обратно на бургер меню?

vlad123032, там у вас дикий-дикий ад. Зачем вы пишите это все в файле jq ? Создайте еще один файл и там пишите. можно вот так сократить:
css

.active {
    -webkit-transform: translate(-100%);
}

js

$('.menu').click(function() {
    $('.header__menu').toggleClass('active');
    $('.mmenu-overlay').fadeToggle();
});

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

masonry

Не могу застилизовать горизонтальное меню как на макете,есть решение?

то что получилось закинь сюда: - codepen.io или jsfiddle.net

Правильно ли так задавать шрифт?

Андрей Федоров, нет, эта штука работает офлайн, нужно что бы шрифт был и без подключения к инету. А то, что вы видите на скрине взято отсюда