1,0×
00:00/43:10
Описание
Верстка сайта по макету из Figma используя плагин Inspect Styles
4 месяца назад • 197 просмотров3 поставили "Нравится"
Урок по верстке сайта по макету из Figma поможет вам научиться создавать веб-страницы, используя готовый дизайн из программы Figma. Вы узнаете, как правильно переносить элементы дизайна на HTML и CSS, чтобы ваш сайт выглядел точно так же, как в макете. В ходе урока вы научитесь работать с различными элементами веб-страницы, такими как заголовки, текстовые блоки, изображения и кнопки. Вы также узнаете, как использовать CSS для стилизации элементов и создания адаптивного дизайна. В результате вы получите готовый фрагмент веб-страницы, который будет выглядеть точно так же, как в макете из Figma.youtu.be/ZGeCNkW7FKw
📌 Полезные материалы и задания к этому уроку: stepik.org/113393
💾 Репозиторий с кодом: github.com/...fragment_1
00:00:20 Верстка без Dev Mode
00:01:57 Плагин Inspect Styles
00:02:43 Кто автор плагина
00:03:30 Обзор макета в Figma
00:05:46 Пишем HTML разметку
00:11:55 Оформляем CSS стили
00:33:29 Адаптивная версия
00:41:30 Подведение итогов
⚡️ Эксклюзив на Boosty - boosty.to/itdoctor
💡 Telegram канал - t.me/...official/4
🎥 Курсы на Stepik - stepik.org/...3773/teach
ВКонтакте - vk.com/...ctorstudio
Rutube - rutube.ru/.../23500045/
#figma #html #css #itdoctor