Топ 10: Лучшие библиотеки уведомлений и плагинов для Javascript и jQuery

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

Даже поиск плагина, который соответствует вашим потребностям, не является легкой задачей и требует времени. Чтобы упростить вашу жизнь, мы собрали самые популярные и красивые плагины для уведомлений в javascript и jQuery для ваших веб-приложений.

10. Bootbox

Исходный код | демонстрация

Все мы любим начальную загрузку, а вы? Bootbox.js — это небольшая библиотека JavaScript, которая позволяет создавать программные диалоговые окна с использованием модальностей Bootstrap, не беспокоясь о создании, управлении или удалении любых необходимых элементов DOM или обработчиков событий JS. Понятно, что вам нужен загрузчик, включенный ранее в ваш проект.

Bootbox демо
9. Нет, спасибо

Исходный код | демонстрация

NOTY — это плагин jQuery, который позволяет легко создавать сообщения о предупреждении — успехе — об ошибке — предупреждении — информации — подтверждения в качестве альтернативы стандартному диалоговому окну предупреждения. Каждое уведомление добавляется в очередь. (Необязательно) Уведомления могут быть расположены по адресу: top — topLeft — topCenter — topRight — center — centerLeft — centerRight — bottom — bottomLeft — bottomCenter — bottomRight

Нет, спасибо

Очень упрощенный и простой в использовании.

8. Toastr

Исходный код | демонстрация

Toastr — это плагин jQuery, целью которого является создание простой базовой библиотеки, которую можно легко настраивать и расширять.

Toastr демо-плагин

Уведомления не блокируют, положение, анимация и тема настраиваются.

7. AmaranJS

Исходный код | демонстрация

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

Amaran

6. Notific8

Исходный код | демонстрация

Notific8 — это плагин JavaScript для простого отображения уведомлений в стиле тостов на веб-странице. Он легко настраивается и поставляется с несколькими темами (цветами) и стилями (семействами тем), которые легко встраиваются в новые. Метро стиль дает прохладный штрих специально для разработчиков asp.net.

Notific8

Предупреждающие сообщения появятся в правом верхнем углу экрана (стиль Windows 8).

5. Notie.js

Исходный код | демонстрация

У Notie.js интересный дизайн, он очень гибкий и настраиваемый. Включает функции подтверждения и ввода.

Notie.js

4. iziToast

Исходный код | демонстрация

Элегантный, отзывчивый, гибкий и легкий плагин для уведомлений, который поддерживает Drag / Touch без каких-либо зависимостей. Он поддерживается во всех современных браузерах (протестировано в Chrome, Firefox, Opera, Safari, IE10 + и Edge). iziToast предоставляет полезный API событий (глобальный и для каждого экземпляра) и более 60 опций.

Пример iziToast

3. VEX

Исходный код | демонстрация

VEX — это современная диалоговая библиотека, которая легко настраивается и легко разрабатывается, разработанная HubSpot. Благодаря классному дизайну и хорошей производительности этот плагин занимает третье место в топе. Он имеет понятный и простой API, работает на мобильных устройствах и может быть настроен в соответствии с вашим стилем за считанные секунды.

VEX плагин

2. Sweet Alert

Исходный код | демонстрация

Сладкое оповещение — это прекрасная и по-настоящему приятная замена функции оповещения по умолчанию в JavaScript. С плавной анимацией, классным дизайном и простой реализацией, сладкие оповещения занимают второе место на этой вершине.

Sweet Alert

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

1. Alertify.js

Исходный код | демонстрация

Во-первых, у нас есть Alertify.js, этот плагин, по нашему мнению, является одним из наиболее полных, полезных, оптимизированных и интересных плагинов для уведомлений, которые вы найдете в Интернете бесплатно. Однако это не только плагин, это javascript-фреймворк для разработки красивых диалогов и уведомлений браузера. Код довольно прост для понимания, и реализация — это просто, плагин очень прост.

Домашняя страница Alertify.js

Alertify.js имеет поддержку i18n и RightToLeft, имеет много тем и настраивается до ядра.

Похвальные грамоты

ohSnap!

Исходный код | демонстрация

ohSnap — это библиотека jQuery / Zepto для простых уведомлений, предназначенная для использования в мобильных приложениях. Действительно упрощенный, но с хорошей производительностью.

OhSnap

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

Ссылка на основную публикацию
Adblock
detector