Всем привет Меня зовут Андрей Насонов, я работаю UI/UX-дизайнером и руковожу дизайн-отделом. В 2008 году я начал заниматься графическим дизайном, а в 2015 году перешел в веб-дизайн. Я пишу полезные статьи про компоненты дизайн-систем, в которых делюсь опытом решения самых разных задач. Эта статья посвящена модальным окнам. Описание Модальное окно — это окно, которое появляется поверх страницы, блокируя работу с ней до тех пор, пока оно не будет закрыто. Модальное окно позволяет инициировать параллельный процесс, не теряя контекст родительской страницы, и затем быстро вернутся к ней...

Практически каждый сайт использует модальные окна для различных целей: отображение уведомлений, подтверждение действий, сбор информации и прочее. В этой главе мы рассмотрим два способа отображения модальных окон: новый и универсальный. Новые модальные окна Новые модальные окна имеют очень простой синтаксис HTML: <dialog open>Это модальное окно</dialog> Для отображения модального окна, необходимо добавить атрибут open К сожалению, обойтись совсем без JavaScript здесь невозможно, поэтому далее я приведу пример кода, который минимизирует ваше взаимодействие с JavaScript...

Учимся делать веб-сайты с нуля до трудоустройства. Разбираемся, как делать дизайн и верстку. Сегодня разберемся, как делать диалоговые окна, работать с кнопками и формами. Те, кто хочет индивидуальное обучение с преподавателем и быстрое гарантированное трудоустройство, пишите нам в телеграм: Что было на прошлом занятии? Мы научились делать адаптивную верстку. Сделали так, чтобы сайт работал везде. Вот ссылка на архив с результатами прошлого урока: https://github.com/madmaker/srmt-lsn11/archive/refs/tags/v1...