Создание красивой галереи на сайте (HTML CSS JavaScript)
Все курсы в одном комплекте:
Веб-дизайн с нейросетями:
В этом уроке мы рассмотрим самый простой и лаконичный способ создания красивой галереи изображений на сайте с перелистыванием.
Страница урока:
Создание плавающей галереи:
Таймкоды:
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 Что еще изучить?
Телеграм:
#programming #webdevelopment #design
Спасибо за просмотр видео Создание красивой галереи на сайте (HTML CSS JavaScript)
1,066 view
621
193
1 month ago 00:00:53 1
🤰 Ищу платье 👚
1 month ago 01:35:14 1
[talentless] МЕТРО 2033 - УЖАСЫ РОДНОЙ СТРАНЫ
1 month ago 00:00:53 1
👙 Салон вечерние платья 🔔 Платье на алиэкспресс купить
1 month ago 02:16:36 1
Как создать роскошный интерьер с помощью растений
1 month ago 00:08:02 4
Посмотрите какой красивый прайд БЕЛЫХ ЛЬВОВ создал Олег Зубков из молодых львов!
1 month ago 00:09:36 1
[Wild Mathing] #170. ГИПОТЕЗА РИМАНА — ПРОБЛЕМА ТЫСЯЧЕЛЕТИЯ!
1 month ago 00:03:57 27
Просыпайся Россия - Мы ищем ИСПОЛНИТЕЛЯ этой песни. Музыка Василия Оленева слова Ольги Матыльковой.
1 month ago 00:03:27 1
Трейлер сравнения 3 года разработки игры Godshard Chronicles!
1 month ago 00:03:32 1
Слово “and“ — это одно из самых распространенных слов в английском языке. Оно выполняет роль соединителя
1 month ago 00:01:13 1
Эта неделя у нас получилась про образование: одну школу открыли, в другую объявили набор, собрались создать 270 агроклассов. Об
1 month ago 00:04:32 86
СУПЕР ПРОСТОЙ ДВУХСТОРОННИЙ УЗОР!
1 month ago 00:15:11 4
КАК СОЗДАТЬ ГАРМОНИЧНЫЕ ЦВЕТОВЫЕ СХЕМЫ И РЕТУШИРОВАТЬ ФОТОГРАФИИ С ИЗЯЩЕСТВОМ
1 month ago 01:12:34 6
Орите!Хорошо - Подкаст для родителей детей с РАС (расстройство аутистического спектра)
1 month ago 00:07:32 5
Краснодар перед Новым годом 2025: праздничная магия на улице Красной! 🎄✨ Подготовка к Новому году 🎄🎍
1 month ago 00:01:06 5
Прекрасная Ёлочка своими руками 🎄🌲
1 month ago 00:01:10 3.8K
ЯРКАЯ ГИРЛЯНДА ИЗ БУМАГИ
1 month ago 00:05:14 26
PASSACAGLIA - George Frideric Handel / Alexandre Pachabezian (Deep House Remix)
1 month ago 00:10:50 324
Создаем Advent-календарь в Genially: пошаговая инструкция
1 month ago 00:01:20 1
Всего за одну минуту он создает красивый цветочный рисунок на потолке
1 month ago 00:22:24 867
Как быстро создать новогоднюю красивую упаковку?
1 month ago 00:00:37 90
Clip from Моя любимая дача
1 month ago 04:17:01 663
город Брянск Цыганская Свадьба Витэша Сони от Сергея Лены Горбачёвы смотреть новые лучшие видео фото цыганских свадеб
1 month ago 00:01:49 44
АНДРЕЙ & ЯНА // КАК ЖЕ ТЫ КРАСИВА
1 month ago 00:10:11 146
Топ-10 самых дорогих краш-тестов автомобилей в истории