Создание сайта с плавной анимацией перемещения (HTML + CSS)
Создание сайта от А до Я (комплексный курс):
Создание интернет-магазина от А до Я:
Создание крутого слайдера ( посадка на CMS):
Все курсы в одном комплекте:
В этом уроке мы рассмотрим создание сайта с плавной анимацией, реализуем самый простой способ оформления контента в виде плиток Masonry на чистом CSS и добавим поддержку темной темы ОС (Dark Mode). Кроме того, я покажу, как правильно разрабатывать прелоадер для подобных сайтов. Решение для мобильных устройств и другие полезные дополнения на странице урока.
Страница урока:
Таймкоды:
00:00 Начало урока
03:36 HTML верстка заголовка
03:51 Базовая стилизация и CSS переменные
06:09 Стилизация заголовка и прелоадера
12:07 Создание галереи с анимацией движения
13:33 Быстрая HTML разметка с Emmet
16:19 Самый простой способ верстки Masonry
17:03 Разрабо
1 view
1755
559
1 week ago 00:08:04 1
Фёдоров: USAID мешает Трампу в создании империи
2 weeks ago 00:20:21 1
Дисгармония в семейных отношениях. Кармические связи прошлых жизней/Часть 1
3 weeks ago 00:12:55 3
Начало 3-й матрицы #уроки_хронологии #создание_матрицы #белый_свет
3 weeks ago 04:04:41 1
Первая вьетнамская война. Дьенбьенфу.
3 weeks ago 00:22:51 1
Теплый пол убивает?
1 month ago 00:00:59 1
AdaPort приглашает на романтические ужины на закате солнца!
1 month ago 01:02:56 1
Падал снегснег! До слез красивая мелодия! Музыка лечит сердце! ЗИМА, ЛЮБОВЬ! Волшебная музыка зимы
1 month ago 00:04:20 1
Ласковый май / Rammstein - Седая ночь / Du hast (Cover by Brothers’n’Sisters)
1 month ago 00:05:38 1
КИНО — Нам с тобой Live 2020
1 month ago 00:32:23 1
В этом веке всё изменится (или мы вымрем) [Rational Animations]
1 month ago 00:06:13 1
Инфографика карточки товара с помощью нейросети. Бесплатно и просто
1 month ago 00:12:03 1
PicLumen
1 month ago 00:54:43 1
Палец инженера - Аудиокнига. Сборник “Приключения Шерлока Холмса“
1 month ago 00:04:40 1
КАК УКРОЩАТЬ ВСПЫЛЬЧИВЫХ ЛЮДЕЙ ? Протоиерей Феодор Бородин
1 month ago 00:38:32 1
Дискредитация министра, или Культ безответственности
1 month ago 00:02:55 1
ЧЕМ ОТЛИЧАЕТСЯ ПРАВЕДНЫЙ ГНЕВ ОТ НЕПРАВЕДНОГО ? Протоиерей Александр Никольский
1 month ago 00:05:07 3
Раздражает внук. Как справляться с гневом? Протоиерей Виктор Горбач
1 month ago 00:03:51 1
КОГДА ГНЕВ БЫВАЕТ ПРАВЕДНЫМ ? Протоиерей Владимир Новицкий
1 month ago 00:10:12 1
КАК СПРАВЛЯТЬСЯ С ВНЕЗАПНЫМИ ПРИСТУПАМИ ГНЕВА? Игумен Лука (Степанов)
1 month ago 00:04:29 1
ПЛАТА ЗА ГНЕВ ИЛИ КАК ИЗБЕГАТЬ РАЗДРАЖИТЕЛЬНОСТИ. Протоиерей Алексей Батаногов
1 month ago 01:22:40 2
ЗАВЕТ ЕДИНОГО НЕБА ????? Г
1 month ago 00:02:10 1
КАК ОТЛИЧИТЬ СКУПОСТЬ ОТ ЭКОНОМНОСТИ ? Протоиерей Александр Никольский
1 month ago 00:07:37 1
ПОЧЕМУ НЕПРАВЕДНЫЕ ПРЕУСПЕВАЮТ ? Протоиерей Димитрий Беженарь
1 month ago 01:03:21 1
КТО НАБЛЮДАЕТ ЗА НАМИ? Доктор наук из МГУ о тайнах Вселенной | Александр Панов