Статьи:
Семантические теги и их применение. Список всех семантических тегов HTML 5. https://html5css.ru/html/html5_semantic_elements.php
Организация отступов в верстке https://skillbox.ru/media/code/pravila_organizatsii_otstupov_kak_sdelat_vyerstku_gibkoy_i_ne_dopustit_oshibok/
Полный список строчных элементов https://itman.in/strochnye-elementy-html/
Популярные псевдо-классы и их применение https://webref.ru/course/css-advanced/pseudo-classes
30 CSS селекторов https://code.tutsplus.com/ru/tutorials/the-30-css-selectors-you-must-memorize—net-16048
Первый проект:
https://webref.ru/ - справочник по тэгам HTML и свойств селекторов CSS
http://htmlbook.ru/ - Дополнительный справочник по тегам
https://stackoverflow.com/ - Форум программистов, вопрос – ответ.
https://active-vision.ru/icon/gradient/ - Генератор градиента
https://learn.javascript.ru/css-units - Еденицы измерения css
https://caniuse.com/ - Проверка поддержки тегов и свойств в разных браузерах
https://live.browserstack.com/ - Удаленный доступ к любой версии, любого браузера.
https://fonts.google.com/ - Бесплатные шрифты.
https://www.reg.ru/?rlink=reflink-7140437 – Хостинг провайдер
Второй проект:
https://scout-app.io/ Компилятор SASS
https://sass-scss.ru/ Документация sass на русском
https://flexboxfroggy.com/#ru Игра для изучения flex box
https://ru.bem.info/methodology/quick-start/ Методология БЭМ
https://active-vision.ru/icon/box-shadow/ Генератор теней
https://html5book.ru/css3-transform/ Свойство transform
https://www.favicon-generator.org/ Создание Favicon
https://front-end.su/2015/10/07/viewport-units-vs-percent/ Размеры vh и vw
https://pagespeed.web.dev/ Проверка на скорость сайта от google
Bootsrap:
https://bootstrap-4.ru/ Bootsrap на русском https://getbootstrap.com/ Bootsrap на английском