Сайт использует сервис веб-аналитики Яндекс Метрика с помощью технологии «cookie». Пользуясь сайтом, вы даете согласие на использование данной технологии.
Верстаем лендинг на Webflow с Юрой Герыш. Пошаговый туториал
Первая часть из цикла мастер-классов по вёрстке на Webflow. Верстаем на десктопное разрешение. Разбираемся с цветами, секциями и свойствами display. Оптимизируем картинки, настраиваем заголовки, подбираем отступы и наполняем блоки контентом. Мастер-класс ведёт Юра Герыш — Middle UX/UI дизайнер и Webflow разработчик в Аспирити. Канал Юры в ТГ: Дизайн, который будем верстать: Лендинг на Webflow в проде: Лендинг на Webflow в read-only: Ресурсы из видео:
00:00-01:01 Что сделаем и кому полезно посмотреть 01:02-05:22 Создаём и настраиваем сайт в Webflow 05:23-27:52 Верстаем Hero block 27:53-54:52 Создаём типовые блоки через section, оптимизируем картинки и заполняем блоки контентом 54:53-1:03:44 Используем сетку для нестандартного размещения контента в блоке 1:03:45-1:18:12 Завершаем вёрстку блоков и используем flex-flox: wrap Пишите в комментариях "senior мойщик полов", если ждёте вторую часть про адаптивы :)