Модальные окна на CSS
Два варианта создания модальных окон без использования JavaScript
Два разных примера создания модальных окон на чистом CSS.
Первый с использованием HTML-элемента <details>, а второй с флажком <input type="checkbox">
Модальное окно для контактов
Модальное окно для контактов или социальных сетей с фиксированной кнопкой
В меню контактов используются иконки шрифта FontAwesom 4.7
Fancybox 3 с темой оформления
jQuery плагин Fancybox 3, его быстрое подключение, настройка и тема оформления
Fancybox — один из самых популярных плагинов на jQuery для реализации модальных окон.
В этой теме рассмотрена его быстрое подключение и настройка. А также добавлена альтернативная тема оформления, позволяющая немного разнообразить его стандартный вид.
Создание сообщения об использовании куки (cookie)
Создание и установка модального окна с сообщением об использовании файлов cookies
В данной теме рассмотрено создание внизу страницы небольшого модального окна с текстом об использовании сайтом файлов cookies и двумя кнопками: закрыть окно и перейти на политику конфиденциальности.
Простое модальное окно на JS
Создание простого анимированного модального окна на JS без использования плагинов
Для анимации появления и удаления модального окна используется CSS библиотека animate.css
Анимированные полноэкранные модальные окна
Плагин jQuery animatedModal.js для создания анимированных полноэкранных модальных окон
animatedModal.js — это легкий плагин jQuery для создания полноэкранного модального окна с использованием CSS3 переходов. Эффекты открытия и закрытия окна берутся из набора animate.css.
Наклонная галерея
Небольшой скрипт на jQuery с наклонной каруселью фотографий
На днях попалась интересная, хотя и старая, статья с наклонной каруселью фотографий: How to create a Rotated Gallery и решил ее попробовать.
Модальные окна наоборот
Альтернативный показ всплывающих окон, открывающихся не на странице, а из-под нее.
Модальные окна присутствуют практически на каждом сайте. Это открытие форм, фотографий или другой информации. И открываются они везде одинаково – на странице сайта.
Делая заметку о горизонтальном повороте страницы, пришла в голову идея поэкспериментировать и с модальными окнами. А именно, открывать их не на странице сайта, а под ним. Другими словами, чтобы не окно открывалось, а вместо этого убиралась сама страница, показывая тем самым нужную информацию.
Всплывающее окно при закрытии страницы
Открытие модального окна, когда пользователь уходит со страницы
В данной заметке приведен пример скрипта на jQuery, который откроет модальное окно при попытке посетителя покинуть страницу.
Несмотря на то, что данное окошко никак не задержит человека (он без проблем сможет закрыть страницу или переключить вкладку), вывод такого сообщения может негативно сказаться на его мнении о сайте. Поэтому, если уж и применять данный способ на сайте, то только там, где это действительно нужно.
