ihatetomatoes
Создатель ihatetomatoes - профессиональный разработчик с более чем пятилетним опытом работы в одном из крупнейших электронных агентств Австралии.
Продолжительность
2 ч 51 мин
Категория
CSSКоличество уроков
19 Видео
Дата добавления
15 дек. 2017 г., 00:47
Язык
Английский
Дата обновления
28 апр. 2026 г., 22:44
Этот мастер‑класс по parallax скроллингу поможет вам уверенно создавать современные анимации прокрутки без хаоса в коде и бесконечного поиска подходящих плагинов. Чёткая структура, практические примеры и понятные объяснения сделают процесс обучения быстрым и увлекательным.
Что вы узнаете на курсе
Курс подробно объясняет механику анимаций при прокрутке и показывает, как создавать сложные визуальные эффекты с нуля. Вы перестанете беспокоиться о непонятных атрибутах и сторонних скриптах — все инструменты и методы будут разобраны шаг за шагом.
Основы parallax скроллинга
- Принцип слоёв и глубины
- Как работает прокрутка и привязка элементов
- Настройка базовых состояний и анимационных переходов
Работа с анимацией на практике
- Создание эффектов движения, смещения и масштабирования
- Оптимизация анимаций для разных устройств
- Понимание, как браузеры интерпретируют анимацию при скролле
Погружение в продвинутые техники
Вы разберёте сложные эффекты и построите полностью рабочий parallax‑сайт, который можно использовать как портфолио или коммерческий проект.
- Многошаговые анимации
- Комбинирование движения, прозрачности и трансформаций
- Создание плавных переходов и триггеров
Почему этот курс стоит пройти
Автор курса прошёл путь от полной путаницы в доступных плагинах до создания известных проектов, таких как Merry Christmallax и Happy 25th Birthday Game Boy. Весь накопленный опыт собран в структурированное обучение, которое экономит вам недели самостоятельных попыток.
Преимущества обучения
- Максимально практический подход — каждое занятие имеет реальный пример
- Понятное объяснение сложных тем — даже продвинутые эффекты становятся доступными
- Экономия времени — больше никаких поисков плагинов и фрагментов кода
Итог: создавайте эффектные parallax‑сайты с нуля
Доступное объяснение + практика = уверенный профессиональный результат. Курс подходит как новичкам, так и опытным разработчикам, которые хотят улучшить визуальное качество своих проектов и впечатлить клиентов эффектной анимацией скроллинга.
- Урок 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
Комментарии