webdesignmaster
Русская площадка по обучению разного рода frontend разработчиков, о том, как работают профессиональные фрилансеры. Уникальные авторские уроки и курсы по веб-разработке и современному веб-дизайну.
Продолжительность
12 ч 55 мин
Категория
HTMLКоличество уроков
16 Видео
Дата добавления
19 мар. 2017 г., 00:00
Язык
Русский
Дата выхода
29 июл. 2017 г., 01:00
Дата обновления
15 нояб. 2017 г., 02:09
В этом курсе вы на реальном примере будете верстать адаптивный шаблон сайта из Adobe XD. Джедай верстки - это серия видеоуроков от WebDesign Master, во время которых автор курса верстает макет сайта от самого начала, до самого конца. В данном выпуске вы будете верстать макет сайта салона красоты.
В дополнительных материалах этого курса вы найдете: Исходник Adobe XD, готовую вёрстку, все изображения, все шрифты и все используемые плагины.
- Урок 0.00:30:12Адаптивная HTML вёрстка из Adobe XD на реальном примере
- Урок 0.00:39:35Подготовка графики для вёрстки, подключение шрифтов, Sass переменные
- Урок 3.00:48:50Начинаем верстать сайт. Лого, телефон, Hamburgers
- Урок 4.00:51:19Создаём открывающееся анимированное меню с помощью плагина Mmenu
- Урок 5.00:30:55Решаем проблемы с Mmenu. Продолжаем верстать
- Урок 6.00:31:52Флексбокс композиция
- Урок 7.00:32:02Заканчиваем HTML вёрстку шапки
- Урок 8.00:20:08Адаптация шапки для мобильных устройств
- Урок 9.00:26:53Адаптивная карусель, Sass цикл для чередования стилей
- Урок 10.01:10:06Шахматная карусель. Флексы
- Урок 11.01:13:47Fotorama - адаптивная галерея изображений
- Урок 12.01:53:54AJAX форма обратной связи и красивый отчёт об отправке
- Урок 13.00:55:43Вёрстка адаптивной карусели отзывов
- Урок 14.00:37:13Секция «Наши партнёры». Центрирование изображений в карусели флексами
- Урок 15.01:26:21Вёрстка футера, создание прелоадера и кнопки «Наверх»
- Урок 16.00:26:40Деплой, оптимизация для Google PageSpeed
Автор - webdesignmaster
Комментарии