Адаптивная HTML-верстка макета из Figma с подробным объяснением. Советы от профи. HTML SCSS GULP.

Адаптивная HTML-верстка макета из Figma с подробным объяснением. Сегодня мы с вами сверстаем не сложный макет состоящий из 4х страниц. В процессе я подробно описываю свои действия. Упор на структуру и анализ. Покажу несколько приемчиков качественной верстки. Скачать макет (открытый доступ):
Скачать сборку с результатом:
Уроки упомянутые в видео: Бесплатный курс по верстке: https://www.youtube.com/playlist?list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr
Адаптивная верстка: https://www.youtube.com/watch?v=XbnAKjjlgc4
Адаптивная верстка картинок: https://www.youtube.com/watch?v=nTtuiBXKp88&list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr
Меню бургер: https://youtube.com/playlist?list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk
Иконочные шрифты:
Карта канала:
Получить доступ к плюшкам + поддержать канал:
Telegram канал:
(
Telegram чат по верстке:
(
Facebook: https://www.facebook.com/freelancerlifestyle
Instagram: https://www.instagram.com/freelancer.lifestyle
00:00:00 - В выпуске 00:01:06 - Подготовка к верстке. Анализ макетов 00:10:04 - Подключение ширифтов. Иконочный шрифт 00:24:00 - Настройка контейнера 00:27:46 - Верстаем шапку 00:59:52 - Верстка содержимого главной страницы 02:43:51 - Верстка страницы Blog 02:58:20 - Верстка страницы Works 03:04:47 - Верстка страницы Article 03:16:21 - Заключение Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle
Живи, а работай в свободное время! ©