Делаем красивые модальные окна при помощи «Sweet Alert» плагина

11 октября 2014 Антон Кулешов 4756 0

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

Реклама

Как уже понятно из названия, мы будем пользоваться JavaScript плагином «Sweet Alert» в переводе на русский, что означает «Сладкие Оповещения». Живет этот плагин на сайте github.

Для того чтобы добавить модальные окна к себе на сайт необходимо подключить два файла.

<script src="sweet-alert.min.js"></script>
<link rel="stylesheet" type="text/css" href="sweet-alert.css" />

После подключения файлов останется вызвать функцию swal() (когда страница загрузиться полностью), чтобы увидеть красивое модальное окно.

swal({
	title: "Error!",
	text: "Here's my error message!",
	type: "error",
	confirmButtonText: "Cool"
});

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

Реклама
Комментариев еще не оставлено
no_avatar
Читайте далее

Простой прогресс бар загрузки страницы

8 января 2016 Антон Кулешов

Создавая веб-приложение, не важно, какого уровня: будет ли это обычный веб-сайт или сервис, который принимает массу параметров и обрабатывает их на сервере – хорошей практикой является добавление прогресс бара (progress bar), за анимацией которого можно спрятать все времязатратные части нашего приложения.

Эффект дождя на JavaScript

2 января 2015 Антон Кулешов

Красивый эффект капель, собравшихся с обратной стороны монитора, как за стеклом окна от легкого весеннего дождя, можно очень легко добавить к себе на сайт, если воспользоваться специальной JavaScript библиотекой. В этой статье я расскажу про одну из таких.

Нужен ли менеджер задач

21 июля 2017 Антон Кулешов
Нужен ли менеджер задач

Сегодня речь пойдет о целесообразности использования менеджера или планировщика задач! Вопрос на сегодняшний день не просто актуален, а является важной частью для комфортной работы в сети или реальной жизни. Честно говоря, я и сам раньше не был сторонником данного рода сервисов, считая, что важную информацию можно просто записать себе в блокнот или добавить в закладки браузера. И скажу, что это уже изначально неслабо ограничивает. Да, повседневные и мелкие пометки/заметки проще писать на листке бумаге, но если нужно как-то систематизировать их, проанализировать выполненные или просто, найти заметку месячной давности, то менеджер задач хороший инструмент для этого.