Открываешь форму на сайте, а меню перекрывает её заголовок. Увеличиваешь z-index, добавляешь затемнение, пишешь закрытие по Escape. Затем вспоминаешь про фокус: пользователь с клавиатурой не должен случайно уйти в элементы под окном. В HTML для этой задачи есть встроенный элемент <dialog>. Он не заменит всю работу над интерфейсом, но позволяет поручить браузеру важную часть поведения модального окна. Собираем минимальный пример: Нужны кнопка и сам диалог. Внутри можно разместить форму, текст или...

Этот вопрос всплывает в каждом втором профессиональном чате. «Дизайнер должен уметь кодить?» — одни кричат «обязательно», другие — «это не его работа». Правда, как обычно, посередине. И она куда практичнее, чем кажется. Представь архитектора, который никогда не был на стройке и не знает, как кладут кирпич. Он рисует красивые проекты — с парящими консолями, стеклянными полами и лестницами без опор. Строители смотрят на это и молча страдают. Половину сделать невозможно, половина обойдётся в три раза дороже плана...