Лучшая производительность, поддержка лучше у keyframes, возможность быстро изменить анимацию, я не имею ввиду время - заказчик скажет что галочка должна плавно исчезнуть с уменьшением, изменим css - и все заработает. Здесь решение на js вполне приемлемо, но на больших проектах лучше и правильней использовать инструменты по прямому назначению.
все нужно использовать с умом - jQuery тоже, на нем написаны куча плагинов, таких как Select2 и пр., которые мы используем в ангуляр приложении. Ибо заново пилить никому не надо. jqLite например встроен в angular.
А по вопросу: больше опыта нужно, выучил технологию - сиди пили на ней, прочитал статью - сделай что в ней описывается, открыл что-то непонятное - сиди разбирайся как оно работает, со временем знания начнут накапливаться и сам поймешь в какую сторону тебе дальше развиваться
нет, на сайте Apple используется Prototype библиотека, но я бы не советовал использовать ее, есть аналоги поменьше, получше и побыстрее, например jQuery.
P.S.: я просто хотел донести что используется всегда смесь технологий, например javascript, управляет изменением css во времени или по действию пользователя, что в сочетании с новыми возможностями html5, такими как или дает нужный эффект.
например у Вас есть блоки 4 блока с display: block и остальные с display: none, лучше это делать классами, например повесьте изначально на все блоки кроме первых 4х класс hidden
...
по клику на кнопку $('a.next4').on('click', function(e) {});
берете 4 первых блока с классом hidden и убираете ему этот класс
если хотите плавно, сделайте так $(block).show(600, function() {$(this).removeClass('hidden');});
в общем ничего сложного
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
