Сегодня мы рассмотрим установку и настройку Visual Studio Code для веб-разработки. В результате мы получим удобную, лаконичную рабочую среду с необходимыми плагинами, которые я использую в своей работе.

YouTube: https://youtu.be/JSGPd1E16-o
VK: https://vk.com/video-90356326_456239479

Сегодня мы создадим крутую 3D сцену с использованием HTML, CSS и JavaScript. Мы рассмотрим интересные приёмы вёрстки - создадим эффектный анимированный фон, переливающееся освещение сцены, 3D эффект вращения айтемов.

YouTube: https://youtu.be/eBbrEQw7kcg
VK: https://vk.com/video-90356326_456239510

В этом уроке мы рассмотрим создание сайта с различными эффектами, анимациями. Галерея будет выполнена с эффектом parallax при скролле, а при клике мы проработаем анимацию открытия и закрытия изображений.

YouTube: https://youtu.be/TX1HZnhJLGM
VK: https://vk.com/video-90356326_456239508

В этом уроке мы рассмотрим создание сайта с потрясающей 3D анимацией скролла, используя возможности современного HTML, CSS и JavaScript. Мы разработаем модель движения слайдов в глубину, а также поработаем с аудио и видео контентом на странице.

YouTube: https://youtu.be/GLbI7BGdQ3o
VK: https://vk.com/video-90356326_456239507

В этом уроке мы рассмотрим создание сайта с плавной анимацией, реализуем самый простой способ оформления контента в виде плиток Masonry на чистом CSS и добавим поддержку темной темы ОС (Dark Mode).

YouTube: https://youtu.be/kyoTYFTLm8A
VK: https://vk.com/video-90356326_456239506

В этом уроке мы рассмотрим создание красивого сайта с Parallax эффектом при скролле. Ключевой особенностью данного примера является реализация эффекта Parallax на сайте.

YouTube: https://youtu.be/F5ZKI-g-_qo
VK: https://vk.com/video-90356326_456239511

В этом уроке мы создадим интересный крутой сайт-портфолио с диагональным плавным скроллом. Мы рассмотрим нестандартный способ синхронизации вертикальных слайдов на JS. Также мы разработаем CSS анимацию инерции для скролла.

YouTube: https://youtu.be/oT0FN1PtmRU
VK: https://vk.com/video-90356326_456239505

В этом уроке мы рассмотрим создание сайта с горизонтальным скроллом. Ключевой особенностью данного примера является красивый parallax эффект, который добавляет глубину и объем в сцену.

YouTube: https://youtu.be/QFq6PiZ1BQ8
VK: https://vk.com/video-90356326_456239504

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

YouTube: https://youtu.be/zKjYfxei5vc
VK: https://vk.com/video-90356326_456239509

В этом уроке мы рассмотрим создание сайта с красивым 3D эффектом. Ключевой особенностью данного примера является реализация эффекта глубины на сайте посредством 3D перспективы.

YouTube: https://youtu.be/2tAPxjcGLms
VK: https://vk.com/video-90356326_456239512

В этом уроке мы рассмотрим создание сайта с красивой 3D анимацией волны при наведении мыши на чистом HTML и CSS. Главный замысел урока - показать возможности стилизации соседних элементов в CSS.

YouTube: https://youtu.be/3bLmhwU6ses
VK: https://vk.com/video-90356326_456239499

В этом уроке мы рассмотрим создание сайта с красивым эффектом при скролле. Ключевой особенностью данного примера является реализация синхронной анимации посредством использования библиотеки GSAP.

YouTube: https://youtu.be/gQFZyN-0NxQ
VK: https://vk.com/video-90356326_456239502