Всплывающие модальные и диалоговые окна

в 10:26, , рубрики: jquery, MooTools, Веб-разработка, всплывающие окна, подсказки, метки: , , ,

Всплывающие модальные и диалоговые окна
Приветствую Вас, читатели хабра.
В своих разработках, я часто нуждаюсь в использовании модальных и диалоговых окон. В этом посте я собрал, на мой взгляд, самые удобные из них.

1. MooTools плагин «LightFace»

Довольно красивые диалоговые окна в стиле Facebook. Много настроек, которые помогут использовать плагин на все 146% 100%. В окна плагина можно поместить изображения, фреймы, Ajax запросы ну и статическую информацию.

Размещение профиля:

Всплывающие модальные и диалоговые окна

Размещение правил:

Всплывающие модальные и диалоговые окна

Размещение изображений:

Всплывающие модальные и диалоговые окна

AJAX содержимое

Всплывающие модальные и диалоговые окна

Фрейм контент

Всплывающие модальные и диалоговые окна

Посмотреть image или image плагин

2. ToastMessage

Красивые всплывающие сообщения. 4 вида и работают в двух вариантах. В первом случае сообщения исчезают сами, во втором необходимо нажать на кнопку, для закрытия.
Всплывающие модальные и диалоговые окна

Посмотреть image или image плагин

3. LeanModal

Хорошее решение для отображения контента в модальных окнах. Легко настраиваемое окно.
Всплывающие модальные и диалоговые окна

Посмотреть image или image плагин

4. MooDialog

Довольно хорошее решение для создания модальных окон.
Всплывающие модальные и диалоговые окна

Посмотреть image или image плагин

5. jQuery модальное окно

Красивое модальное окно. По моему взгляду, можно использовать в любом проекте.
Всплывающие модальные и диалоговые окна

image плагин

Завершение

В завершении хочу сказать, что существует много интересных и красивых всплывающих окон. Свой выбор я остановил именно на этих. В статье я не стал перечислять такие как «Lightbox» и т.п. т.к. думаю все о них знают.
Спасибо за внимание.

Автор: AlexanderPHP

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js