Верстка не страшна? Вчіть Flexbox! 6 етапів HTML-верстки

Привітос! Сьогодні поділюся з вами своїм систематизованим підходом до HTML-верстання. Оскільки доводилося займатися версткою мені дуже часто, я вирішив ще давніше розділити цей процес на чіткі кроки, за допомогою яких я міг знайти оптимальний баланс між швидкістю та якістю виконуваних завдань. Для дуже зацікавлених завантажу окремо більш детальну версію із довшим описом кожного з кроків, де наголос робитиметься, власне, на CSS-правила розмітки Flexbox.

Корисні посилання:
Урок: 6 етапів HTML-верстки. Веб-сторінка на Flexbox: https://youtu.be/CP4u5pX8RU8
БЕЗКОШТОВНО 1 місяць на Epidemic Sound: https://www.epidemicsound.com/referral/pyyndk/
Інструмент розкрутки YouTube-каналу (vidIQ): https://vidiq.com/?afmc=6k0

Зміст:
00:00 Адженда
01:25 Дизклеймер
01:42 Аналіз каркасу
04:25 Налаштування стилів за замовчуванням
05:58 Побудова "секцій-заглушок"
07:34 Нанесення стилів позиціонування Flexbox
10:06 Нанесення решти стилів згідно з дизайном
11:33 Фінальні правки
12:33 Підсумки

Використана музика:
Coraline - Мета (instrumental)
Giants' Nest - Tiny Things
Gregory David - Dapper
Gregory David - On Holiday
Gregory David - Mango Mist
Giants' Nest - Animal Hug

Швидке посилання на відео:
https://youtu.be/C7Va6pL1cy0

Додавайтесь у соціальних мережах:
Instagram: https://www.instagram.com/yuriydetsyk
LinkedIn: https://www.linkedin.com/in/yuriydetsyk
Twitter: https://twitter.com/yuriydetsyk

#верстка #html #flexbox

Видео Верстка не страшна? Вчіть Flexbox! 6 етапів HTML-верстки канала Yuriy Detsyk