Скрипты и советы | 18 сентября 2020 1 241
Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, JavaScript, HTML, Accessibility, Модальные окна, модальное окно, html, css, js, javacript, библиотека javascript, library, a11y, доступность, вёрстка, ui/ux, разработка сайтов,
Я занимаюсь вёрсткой и программированием сайтов. Почти в каждом макете, который я верстал, были модальные окна. Обычно это формы заказа звонка в лендингах, уведомления о завершении каких-то процессов, или сообщения об ошибках.
Вёрстка таких окон сначала кажется простой задачей. Модальные окна можно сделать даже без помощи JS только лишь с помощью CSS, но на практике они оказываются неудобными, и из-за маленьких недочетов модальные окна раздражают посетителей сайта.
В итоге было задумано сделать собственное простое решение.

Источник: Уроки CSS на Хабрахабре
Начнем В разных критериях и манифестах качества есть такой пункт, как блокировка скролла страницы, когда открыто...
ПодробнееВ дизайне StackOverflow используются праздничные модальные окна, поэтому команда SO разработала удобный способ...
ПодробнееДанная статья будет, прежде всего, полезна разработчикам, которые не работают с готовыми наборами компонентов, такими...
ПодробнееВведение В данном уроке я не открою тайну для матерых верстальщиков и гуру css, но данная статья будет полезна...
ПодробнееОдним из приемов адаптивного веб-дизайна является установка размеров элементов разметки в процентах относительно...
ПодробнееПродолжаем украшать сайт, добавляя тематические вставки. В этот раз через раздел управление рекламой добавим на сайт...
Подробнее
💬 Комментарии
В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.
🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.
💡 Хотите обсудить материал?
Присоединяйтесь к нашему Telegram-каналу:
https://t.me/tcsecmsНажмите кнопку ниже — и вы сразу попадёте в чат с комментариями