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

Описание

Адаптивная HTML-верстка макета из Figma с подробным объяснением. Сегодня мы с вами сверстаем не сложный макет состоящий из 4х страниц. В процессе я подробно описываю свои действия. Упор на структуру и анализ. Покажу несколько приемчиков качественной верстки.

? Скачать макет (открытый доступ): https://www.patreon.com/posts/48230861
? Скачать сборку с результатом: https://www.patreon.com/posts/48267770

? Уроки упомянутые в видео:
Бесплатный курс по верстке: 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
Иконочные шрифты: https://youtu.be/QYwI3LRCnRE

? Карта канала: https://miro.com/app/board/o9J_lZB3YKI=/
? Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
? Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
? Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
? 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

? Живи, а работай в свободное время! ©