jQuery UI FadeSlide 4.0

    Представляю вашему вниманию новейший плагин FadeSlide, который перевернёт ваше представление о веб-разработке! При размере всего 87 байт он творит настоящие чудеса.

    Демо-страничка: FadeSlide UI
    Uncompressed, development FadeSlide UI 4.0 (132b)
    Compressed, produciton FadeSlide UI 4.0 (87b)

    Синтаксис очень прост:

    fadeslide($(".element"), function() {alert("Done!")});

    История версий:

    1.0 — оригинальный плагин SlideFade
    2.0 — название изменено на FadeSlide
    2.1 — добавлено слово UI для большей солидности
    3.0 — исправлена опечатка (лишняя скобка), из-за которой все предыдущие версии FadeSlide UI выдавали SyntaxError
    4.0 — добавлена возможность назначать callback

    В разработке:

    4.1 — планируется ввести возможность добавлять два, а то и три callback-функции
    Ads
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More

    Comments 31

      +5
      История версий улыбнула, как и сама статья. Спасибо за поднятое настроение в рабочее время :)
        +2
        з.ы. надеюсь вы в 5 версии добавите наконец приставку «v» для версии, а то не слишком солидно)
        +3
        Ничего не понимаю, ведь не пятница же… :)
          0
          Представляю вашему вниманию новейший плагин FadeSlide, который перевернёт ваше представление о веб-разработке!

          ээээ… и это все чтоль?
            +4

            Выложите на гитхаб пожалуйста.

              +4
              Вам бы в твиттер, а не на хабр
                +5
                >> плагин FadeSlide, который перевернёт ваше представление о веб-разработке
                Спасибо. Перевернуло.
                А вообще статья огонь. Прекрасно всё.
                  0
                  Точно перевернуло? Может вывернуло? =)
                    0
                    Ну что такое, да
                  +5
                  Зачем это на хабре? Я серьезно. Вроде бы даже не первое апреля.
                    +2
                    Как в обратную сторону мое «представление о веб-разработке» перевернуть?
                      +5
                      Особо порадовали blok,kuda, kolbek. Давно таких не встречал…
                        +2
                        Очень хочу в использовать в продакшене, а тестами не покрыто что-ли? А npm пакет?
                          +2
                          function fadeslide(kuda, kolbek) {
                              $(kuda).click(function () {
                                  $(kuda).animate({
                                      height : 0,
                                      opacity: 0
                                  });
                              });
                              kolbek();
                          }
                          

                          Это гениально!
                            0
                            Надо только оформить в виде плагина
                            (function($){
                              $.fn.fadeSlide = function(kolbek) {
                                return this.on('click', function(e) {
                                  $(this).animate({
                                    height : 0,
                                    opacity: 0
                                  }, 400, kolbek)
                              });
                            };
                            })(jQuery);
                            


                            Не нашел, куда прислать pull request :(
                              0
                              Ваш код не соблюдает code-guides данного плагина, потому PR все-равно не примут
                            +1
                            fadeslide.js:
                            fadeslide(kuda, kolbek)
                            

                            Okay
                              0
                              И в npm добавьте.
                                0
                                О класс! Плагин и правда перевернул мое представление о веб разработке. Теперь я пошел переворачивать представление заказчиков о их заказах.
                                  +1
                                  добавлено слово UI для большей солидности

                                  Думал, что после этого ничего веселее уже не может быть, но тут увидел ченжлог версии 3.0
                                    0
                                    Супер! По ссылке одна из лучших документаций, что я видел.

                                    Требую github
                                      0
                                      Автор, лицензия какая? Форкать можно?
                                        0
                                        Огонь! Некоторое время пытался найти код плагина через консоль, по привычке перед использованием, когда понял, что эти 5 строк и есть все творчество, поржал. Похоже на хорошо исполненный стеб)
                                          0
                                          image
                                          сломалось :(
                                            0
                                            Но ещё февраль же.
                                              0
                                              Не хватает промисов и es6 версии. А так годно, использую в проде ещё с версии 2.1.
                                                0
                                                Забыли одну проверку.Такое в twitter постить, можно.
                                                  0
                                                  А FadeToggle будет?
                                                    0
                                                    Огромное спасибо, это именно то что я искал
                                                      0
                                                      А никого не смущает, что колбек выстрелит при навешивании обработчика, а не при окончаниия анимации? Сыровато пока, ждем 5й версии, надеюсь поправят.
                                                        +1
                                                        Это будет в Ultimate Edition

                                                      Only users with full accounts can post comments. Log in, please.