Noty — необычайно гибкий плагин jQuery для вывода уведомлений


    Почти месяц назад вышла вторая версия прекрасного и замечательного jQuery Notification plugin для вывода самых разнообразных уведомлений на сайте, странно что Хабр вообще обошёл его стороной, исправлю ситуацию.

    Noty — это такой jQuery плагин, который без особых проблем и манипуляций позволяет легко создавать сообщения вида alert — success — error — warning — information, или просто заменять скучные стандартные alert и promt диалоги. Каждое уведомление так же может добавляться в стек и выводиться очередью, опционально конечно.

    Блоки уведомлений могут выводиться: сверху — сверху слева — сверху по центру — сверху справа — в центре — в центре слева — в центре справа — снизу — снизу слева — снизу по центру — снизу справа.

    У Noty такой гибкий API, что им можно настроить текст, анимацию, скорость, кнопки с их внешним видом и поведением, и вообще всё что только может понадобиться для полного внедрения уведомлений в дизайн и функционал проекта. Сами выводимые диалоги уведомлений отлично стилизуются и поддерживают темы.

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

    С лицензией всё как положено — Released under the MIT License.

    Исходники проекта на Github: github.com/needim/noty
    Документация и демонстрация всех чудесных возможностей: needim.github.com/noty
    • +107
    • 26,5k
    • 27
    Поделиться публикацией

    Похожие публикации

    Комментарии 27

      +2
      Спасибо за новость, как раз искал что-то похожее для вывода уведомлений. В который раз убеждаюсь, что хабраюзеры умеют читать мысли :-)
      +1
      Спасибо! Это то, что очень долго искал и не нашел, даже больше.
        +1
        Давно использую в работе, пока никаких претензий.
          +1
          А сколько в сжатом виде занимает плагин?
            +2
            Сам jquery.noty.js — 3.4kb, сжатый gz без минификации, 1.5kb в gz с минификацией через jsmini.com/, плюс расширения для указания места в среднем 400b в таком же gz без минификации, 250b с минификацией.

            Полный набор минифицированных и сжатых скриптов из плагина + одно место вывода уведомления получается размером не больше 2kb.
            +2
            К ним бы еще вот такой эффект прикрутить.
              +1
              Noty поддерживает полностью произвольные шаблоны для вывода уведомлений, прикрутить такой таймер при желании не составит труда.
                +2
                Мне не составило труда написать свой плагин для уведомлений.
                  +2
                  А из коробки исчезания по таймингу нету?
                    +3
                    Исчезновения по таймингу есть, за это отвечает параметр timeout. На странице демонстрации он выставлен в «timeout: false» и сообщения висят пока их не закроют вручную.
                0
                Открыл страницу с демонстрацией в ff (14), обнаружил сильные тормоза и очень долгую загрузку элементов, жамкнул пару кнопок и закрыл страницу.
                Увы, я не стану даже пытаться использовать _это_. Куда проще написать нужный скрипт за относительно короткое время.
                  +2
                  Тормоза могут быть связаны с огромным количеством демо-элементов. Использовали в своих проектах этот скрипт, работает шустро.
                  +1
                  Рекомендованный пример подключения 6 скриптов для работы одного плагина пугает. Не понимаю этого стремления разделять всё, пока делится.
                  • НЛО прилетело и опубликовало эту надпись здесь
                      +1
                      Если вас так заботит скорость, то почему бы не сжимать это дело в один файл?
                      +1
                      Не понимаю зачем грузить несколько файлов плагина, когда подобный функционал реализуется 10-15 строками кода
                        +1
                        Увы, не все умеют красиво и лаконично создавать подобные расширения, иногда проще и быстрее взять что-то готовое.
                          +5
                          Это конечно да, но если все везде начну так делать, то скоро прийдётся обновлять железо, чтоб прочесть два абзаца текста на сайте.
                            +1
                            Начнут*, простите.
                        0
                        Суперский контрол! Огромное спасибо.
                          +1
                          потрясающе! ровно то что искал! предыдущий мой фаворит jgrowl устарел :(
                            +1
                              +3
                              wavded.github.com/humane-js/ Вот этот тоже хорош.
                                +2
                                Идея конечно не нова, а вот реализация понравилась.
                                Особенно эффектно смотрится «склеивание» сообщений выводимых в одной и той же области.
                                Спасибо, то, что нужно
                                  0
                                  Не удается забрать с github
                                  git clone github.com/needim/noty.git дает ошибку
                                    0
                                    У меня тоже; однако, по протоколу git:// вроде отдаёт.

                                  Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                  Самое читаемое