Создание красивой галереи на сайте (HTML CSS JavaScript)

Все курсы в одном комплекте: https://wd-m.ru/bundle
Веб-дизайн с нейросетями: https://wd-m.ru/design

В этом уроке мы рассмотрим самый простой и лаконичный способ создания красивой галереи изображений на сайте с перелистыванием.

Страница урока: https://webdesign-master.ru/blog/html...
Создание плавающей галереи:    • Создание красивого сайта с плавающими...  

Таймкоды:
00:00 Начало урока
00:36 Обзор материалов урока
01:06 Приступаем к созданию всплывающего окна
01:18 Запускаем рабочий сервер для разработки
01:38 Подготовка HTML разметки сайта для попап окна
02:41 Доработка CSS стилей плиток портфолио
03:17 Подключение библиотеки PhotoSwipe
04:48 Настройка параметров JavaScript библиотеки
05:59 Подключение CSS стилей библиотеки
06:43 Обязательные атрибуты в HTML верстке
07:35 Определение размеров изображений в JS
10:22 Дорабатываем HTML код, указывая нужные картинки
11:00 Анимация перелистывания между фотографиями
14:38 Что еще изучить?

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

#programming #webdevelopment #design

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