ihatetomatoes
Создатель ihatetomatoes - профессиональный разработчик с более чем пятилетним опытом работы в одном из крупнейших электронных агентств Австралии.
Продолжительность
2 ч 51 мин
Категория
CSS
Количество уроков
19 Видео
Дата добавления
15 дек. 2017 г., 00:47
Язык
Английский
Дата обновления
15 дек. 2017 г., 00:47
Узнайте как создать сайт со скроллом parallax с нуля. Вы устали копировать код со случайных сайтов или обучающих курсов ? Вы смущены атрибутами данных Skrollr? Узнайте, как создавать анимацию прокрутки без каких-либо головных болей.
Вы хотите чтобы ваши творческие идеи превратились в гладкую анимацию прокрутки параллакса, без тонны головных болей?
Готовы ли вы произвести впечатление на своего босса или создать потрясающий сайт с прокруткой для своего клиента?
Я точно знаю, как вы себя чувствуете, когда ищете нужный плагин. Я также был поражен количеством доступных плагинов JavaScript. Я также был смущен атрибутами данных Skrollr и разочарован, потому что я не знал точно, как работают анимации прокрутки.
Я потратил дни и недели на то, чтобы писать демоверсии, учебные пособия и создавать веб-сайты прокрутки (например, Merry Christmallax и Happy 25th Birthday Game Boy), и я бы хотел, чтобы был такой курс, который помог бы мне тогда.
Этот курс - это наиболее полное обучение параллаксам, которое вы можете найти.
Он уберет все вопросы, которые у вас могли быть и сэкономит вам много времени.
Создавайте анимацию прокрутки без каких-либо головных болей
Мы рассмотрим все, что вам нужно знать, чтобы иметь возможность создавать собственный веб-сайт с параллаксом с нуля.
Курс разбит на простые практические занятия, помогая понять концепцию из основ - и постепенно объясняет даже более продвинутые анимации.
Посмотреть больше
-
Урок 1. 00:06:31Introduction
-
Урок 2. 00:07:23The Anatomy of HTML and CSS
-
Урок 3. 00:05:32Starting with Skrollr.js
-
Урок 4. 00:10:06Skrollr data attributes 101
-
Урок 5. 00:10:32Simple Background Animation
-
Урок 6. 00:14:08Absolute vs Relative
-
Урок 7. 00:15:06Absolute vs Relative 2
-
Урок 8. 00:09:34Mastering Timing
-
Урок 9. 00:10:28Mastering Timing 2
-
Урок 10. 00:04:06Mastering Timing Exercise
-
Урок 11. 00:09:09Pausing an Element
-
Урок 12. 00:10:31Swapping Background Images
-
Урок 13. 00:12:27Using Percentage Values
-
Урок 14. 00:02:31Using Percentage Values Exercise
-
Урок 15. 00:13:42Making It Responsive
-
Урок 16. 00:15:27Turning Skrollr Off For Mobile
-
Урок 17. 00:12:26Amir vs Floyd – Round 2
-
Урок 18. 00:01:26Amir vs Floyd Exercise
-
Урок 19. 00:00:54Final Words
Автор - ihatetomatoes
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
ihatetomatoes
15 дек. 2017 г., 01:06
Skrollr Workshop
Узнайте как создать сайт с элегантной анимацией прокрутки SVG. Вы хотите освоить Skrollr и SVG анимацию? Этот курс Skrollr является прекрасным дополнением к мастер-классу по скроллинг Parallax. Позвольте мне провести вас через мой рабочий процесс и научить вас, как построить современный, прокручиваемый сайт, на одной странице без каких-либо головных болей.
webformyself
25 янв. 2018 г., 01:21
Эффекты Parallax
Термин «параллакс» в первую очередь исходил из визуального эффекта двумерных видеоигр, которые использовали разные скорости движения фонового изображения, чтобы создать иллюзию глубины во время игрового процесса. Как правило, это делалось путем того, что фон игры двигался медленнее, чем передний план, чтобы заставить его казаться подальше. Эта же концепция применяется к дизайну сайта parallax, в котором фон веб-сайта движется с другой
cssanimation.rocks
7 мая 2018 г., 08:06
Повысьте свои навыки css анимации - практический курс
Level up your CSS animation skills
Повысьте свои навыки анимации CSS! Этот видеокурс даст вам практический опыт, который вам нужно повысить и продать свои навыки анимации в качестве дизайнера или разработчика. В течение нескольких часов пошаговых руководств мы вместе создадим анимированную целевую страницу и узнаем, как анимация может оживить ее.Это практический курс, полный реальных загружаемых примеров кода. Вы сможете взять знания, а также реальный рабочий код, в свои проекты и