webdesignmaster
Русская площадка по обучению разного рода frontend разработчиков, о том, как работают профессиональные фрилансеры. Уникальные авторские уроки и курсы по веб-разработке и современному веб-дизайну.
Джедай вёрстки #7
Продолжительность
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
Комментарии
