Создание красивого сайта с эффектным слайдером и поддержкой темной темы (HTML CSS JavaScript)

Описание

💥 Все курсы в одном комплекте: https://webdesign-master.ru/courses/bundle/
💥 Современный JavaScript. Полный курс: https://webdesign-master.ru/courses/javascript/

В этом уроке мы рассмотрим создание красивого сайта с анимацией прокрутки. Мы научимся не просто верстать макет из Figma, но также рассмотрим множество нюансов правильной реализации подобных проектов — от дизайна до готового результата. Основные и важнейшие задачи данного урока — это научиться создавать сайты с поддержкой светлой и темной темы, адаптивный дизайн, практика современной веб-разработки. Для слайдера с изображениями мы добавим CSS анимацию, которая позволит красиво выделять центральный блок среди остальных.

Материалы урока: https://webdesign-master.ru/blog/html-css/dark-interior-lesson.html

В архиве урока вы также найдете бонусный урок, в котором мы создадим дизайн данного сайта в Figma.

Таймкоды:
00:00:00 — Начало урока
00:02:40 — Материалы урока
00:06:48 — Настройка проекта
00:25:48 — Верстка top-line
01:24:35 — Верстка контента
01:32:34 — Слайдер
01:55:14 — Навигация
02:13:21 — PerfectPixel
02:18:37 — Адаптивность
02:28:28 — Что ещё изучить?

ВКонтакте: https://vk.com/jediweb
Телеграм: https://t.me/jediweb
Дзен: https://dzen.ru/jediweb

Автор

WebDesign Master