Существует ли материал по вёрстке в 2019?

Question

[de_Guzman]

Доброе день!
В интернете много информации по поводу верстки, вот только что из этого актуально/востребовано в 2019 году?
Есть ли туториалы, как правильно верстать "сегодня"?
Как я понимаю, начальные этапы такие (из PSD):
1. Шаблон -> в PS вырезаешь images
2. Разбиваешь страницу на блоки (header, content, footer, sidebar, и ТД.)
3. Создаёшь блоки, в IDE.
4. CSS
5. JS, если требуется.
Или весь этот порядок неверный и нужно по-другому?
+ Адаптивность на каком этапе делать?
P.S., сейчас же верстают в HTML5, где существует теги article, main, aside и др. А div, ещё используется?

Comments

[Rustam Bainazarov]

Лень отвечать, потому скажу, что div используется везде, ибо он базовый тег.

Для создания макетов и прототипов сайтов/приложений есть более специализированное ПО (Figma, Zeppelin, Adobe XD и т. п.), чем Photoshop.

[alex]

каким мазохистом надо быть, чтобы юзать фотошоп для макетов?

Answer 1

[svetlov97]

Материалов уйма. Вся гениальность интернета в том, что все знания мира публичны. А если вы про тренды в веб дизайте, то просто анализируйте рынок. Вопросами на тостере вы далеко не уедите. Гуглите на английском - единственный совет.
И да, весь этот порядок не верный.

Вот вам карта (спойлер)

На сайте указанном в углу этой карты есть такая же для BakEnd и DevOps