Скачать с ютуб Верстка сайта по макету из Pixso, бесплатный аналог Figma с Dev Mode в хорошем качестве

Верстка сайта по макету из Pixso, бесплатный аналог Figma с Dev Mode

💡 Продолжение этого урока + тесты и задание (макет): https://stepik.org/course/113393 Урок по верстке сайта по макету из Pixso поможет вам научиться создавать веб-страницы, используя готовый дизайн из программы Pixso. Вы узнаете, как правильно переносить элементы дизайна на HTML и CSS, чтобы ваш сайт выглядел точно так же, как в макете. В ходе урока вы научитесь работать с различными элементами веб-страницы, такими как заголовки, текстовые блоки, изображения и кнопки. Вы также узнаете, как использовать CSS для стилизации элементов и создания адаптивного дизайна. В результате вы получите готовую веб-страницу, которая будет выглядеть точно так же, как и на макете в Pixso. 💾 Репозиторий: https://github.com/morphIsmail/pixso_... 00:00:00 Вступление 00:01:21 Знакомство с Pixso, загрузка, авторизация, обзор 00:08:30 Пишем разметку html первого раздела и работа с SVG иконками 00:18:43 Подробно про SVG иконки и отличия разных способов подключения 00:27:35 Оформление базовых стилей CSS, просмотр всех шрифтов на макете, работа с Google Fonts 00:37:42 Perfect Pixel в браузере, оформление стилей в соответствии с макетом 00:47:40 Оформление стилей для раздела Features и проверка на разных размерах экрана 01:02:10 Про полезные материалы, ссылка на GitHub как пользоваться всеми ресурсами ⚡️ Эксклюзив на Boosty - https://boosty.to/itdoctor 💡 Telegram канал - https://t.me/itdoctor_official/4 🎥 Курсы на Stepik - https://stepik.org/users/387773773/teach ВКонтакте - https://vk.com/itdoctorstudio Яндекс Дзен - https://zen.yandex.ru/itdoctor Rutube - https://rutube.ru/channel/23500045/ #pixso #html #css #itdoctor