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

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

👉 Уроки упомянутые в видео:

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 - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!

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

[ТёмаРассадин-нщ]

Жека, честно, ты лучший из всех ютуберов по верстке. Ощущение, будто сидишь и разговариваешь с человеком и одновременно ненавязчиво учишься каким-либо мелочам, а иногда и не только. Очень круто!)

[Isaac_]

Самый топовый наставник, которого я когда либо встречал

[shukonfadah]

все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье

[Denis-uzbu]

Словами не передать мою благодарность за то, что ты подаешь полезный материал так интересно!

[jaloliddinhazratqulov]

Вижу новый урок сразу поставлю лайк
Замечательный человек замечательный уроки

[fenomenn]

Лучший учитель за мои 20 лет, спасибо что ты есть )

[Весёлыехлопьяиконечножепряники]

Вы прям прочитали мои мысли, я только хотел вёрстку макета и сразу пришло уведомление о том что у вас вышло такое видео. Супер!

[ТатьянаКалукова-еф]

Спасибо! самый лучший учитель по верстке в мире!

[gennadiymedvedev]

, храни Тебя Бог !!!, , , спасибо за обучение фрилансу / финансовой независимости . . . береги себя

[zaraaghajanyan]

Никогда не писала комментарии, но в этот раь не смогла. Хочу сказать СПАСИБО!!!! Я 2-3 года пыталась выучить верстку и всегда были какие-то проблемы, а после твоих уроков я прям стала уверенней и с более радостью верстаю. Желаю Вам удачи и еще раз спасибо.

[МарияХайкина-нж]

Спасибо Вам большое человеческое! Столько всяких полезностей-интересностей сложно найти еще где-нибудь. Не останавливайтесь, пожалуйста!)))

[АсяХаликова-вб]

Восхитительный мастер-класс! Спасибо! Сверстала за вами уже 5 макетов, и каждый раз что-то новое узнаю и впитываю (перед макетами прошла все 40 с чем-то уроков в курсе по верстке и более 10 видео-уроков за пределами того курса). Очень тяжело мне далась настройка gulp, но вот этот макет наконец верстала в вашем 4-ом обновленном шаблоне - УДОБНО, не то слово. Спасибо!

[НикитаБивол-шв]

Блин, Женя, в твоих видео так мало воды, что от просмотра может наступить обезвоживание. Спасибо. У тебя очень крутые преподавательские способности.

[lazylemur]

Увидев продолжительность урока больше 3-х часов сразу лайк поставил, спасибо Женя за ваш полезный и интересный контент

[PaSHa-cple]

Я человек простой. Вижу новое видео от Жени, сразу ставлю лайк.

[alekseytrump]

Ну наконец-то годный контент. Верстка урааа. Спасибо.

[anastasea]

Женя, это сплошное удовольствие! 🔥🔥🔥
Хочу скорее уметь так же! 👩🏼‍🎓

[sad_gary]

блиин, аналогия с сотами это просто шикарно и понятно!!

[ЕгорЗ-жц]

люди смотрят и не задумываются о лайках и коммах, но все они оценивают проделанную тобой работу, она очень помогает

[serviom]

згадую часи коли я верстав ще для IE 5.5 це дійсно була важка робота. Зараз копійки. Автору велике дякую! Дійсно корисна інформація!