Создание сайта с крутой анимацией скролла (HTML CSS GSAP)

Сегодня мы рассмотрим создание сайта с крутой анимацией скролла при помощи GSAP ScrollTrigger и GSAP ScrollSmoother.

Таймкоды:
00:00 Начало урока
02:20 Обзор материалов и подготовка графики
06:05 Приступаем к HTML верстке сайта
07:49 Подключаем файлы CSS и JavaScript
11:34 Создание главного экрана сайта
31:57 HTML верстка галереи портфолио
38:28 CSS стилизация портфолио на сайте
48:19 Плавная прокрутка страницы на JS
52:35 Управление эффектами при скролле
59:47 Работа сайта на мобильных устройствах
1:01:01 Анимация элементов при скролле
1:15:29 Что ещё изучить?

[ertar]

Мне кажется, что нужна какая-то кнопка для донатов на твоём сайте. Слишком крутые уроки

[xgiha]

Actually i couldn't understand any single word you said but I folowed the tutorial until end. This is an amazing one. I never ever saw such a tutorial like this. So in love with this. Thank you. Please do more like these 😍❤

[alenadecor]

Красота! Все есть и уроки и картинки в одном месте, очень удобно! Спасибо!

[khfvrng]

Я до сих пор помню ваши старые проекты. с которых я начинала. и даже некоторые специально искала на вашем канале. чтобы просмотреть еще раз. и каждый новый проект - еще одна ступень вверх! Здорово!!! удачи вам!

[alsusayfulina]

Очень классный урок😃 Прошла его с большим удовольствием, впервые использовала библиотеку gsap. Порадовало качество материала. Спасибо!

[Alexei-rbyy]

Огромное спасибо за урок, как всегда все на высоте!!!💥👍

[helenarara]

В жизни не верстала сайты и не думала в эту сторону. Но ваши уроки вдохновляют. Рекомендации ютуба хорошо сработали🌸

[silae]

В изумлении от вашего урока, интересная тема, сайт, анимации, спасибо вам за прекрасный урок!

[heathery]

Ваши видео очень вдохновляют, все объясняется максимлаьно доступным языком QwQ <3

[burlaenko]

Блин, супер! Я только учусь и вот эти "модные" фишки просто супер для будущего портфолио и применения в каких-нибудь проектах!
Спасибо, Мужик, очень крутые у тебя видосы!

[kashif_i]

Love the work, love to see more GSAP related videos. Keep it up.

[MissisJ]

Не знаю почему у Вас еще нет миллионов подписчиков, этот канал - это нечто шикарное и невероятно полезное! Спасибо за Вашу работу! Надеюсь, что с Вашими уроками осуществлю мечту стать веб-дизайнером)

[pajambient]

Спасибо огромное за материалы! Приобрел полный курс!

[MaciFree]

крутяк. давайте больше уроков по GSAP 💪

[BehindTheYellowTapeAF]

Побольше бы таких видео, вообще взять бы сайты которые выиграли награды и разобрать как они сделаны

[hotmitrofan]

просто супер, у меня все получилось. Html, css я знала уже, поэтому все поняла по этой части. Но сам джаваскрипт пока темный лес для меня, пришлось просто тупо пвоторить как на видео. Сайт заработал как надо, это очень красиво. Теперь конечно хочется изучить джаваскрипт и библиотеки, чтобы понимать что пишешь в скрипте. Канал супер!!

[iifzber]

Просто космос! Большое спасибо за урок

[goet]

Очень красиво одновременно и круто спасибо

[nadejda_num]

Очень крутой урок, спасибо огромное и голос приятный )))

[ferryterry]

Случайно наткнулся на канал и понял, что на курсах не учат, вообще ничему )) . Спасибо за видео, очень полезно