ScrollMagic Workshop

ScrollMagic - самая популярная библиотека анимации прокрутки, используемая на лучших удостоенных наград веб-сайтах. Я использую ScrollMagic и GreenSock в своих интерактивных проектах уже несколько лет, чтобы сосредоточиться на креативном написании кода, вместо кросс-браузерных проблем, это бесценно.

Что вы будете изучать на этом курсе?

• Как использовать свойство CSS clip с помощью ScrollMagic.
• Как выявить блокирующие элементы.
• Как легко манипулировать элементами.
• Как запускать анимацию в нужное время.
• Как использовать индикаторы для отладки.
• Как использовать невидимые триггеры.
• Как установить временные рамки GreenSock.
• Как полностью контролировать содержимое и анимации.

Кто может смотреть этот курс ?

• Любой, у кого есть знание HTML и CSS.
• Любой, у кого мало или вообще нет jQuery / JavaScript навыков.
• Дизайнеры, которые хотели бы создавать собственные скролл анимации.
• Любой, кто когда-либо пытался использовать ScrollMagic и считал его слишком тяжелым.

Чего ты научишься ?

• API ScrollMagic в простых пошаговых демонстрациях.
• Мы будем использовать jQuery для выбора элементов и других пользовательских взаимодействий.
• Построите 3 проекта от начала до конца.
• Как создать более продвинутую анимацию прокрутки.

Что вам нужно перед началом ?

• Все рабочие файлы доступны для загрузки.
• Экспортированные SVG также включены, нет необходимости устанавливать Illustrator или Sketch для завершения этого курса.
• Позитивное отношение к изучению новых технологий.
• Настоящий интерес к анимации ScrollMagic, GreenSock и JavaScript.