Для новичков-верстальщиков мы составили крутую подборку полезных сайтов, сервисов, и даже каналов на youtube. Благодаря которым обучение пройдет намного легче и быстрее
Сервисы:
http://htmlbook.ru/ - лучший интернет-учебник для любого верстальщика, в нем найдете много полезной информации по html и css.
https://webref.ru/ref — справочники по html и css
https://caniuse.com/ - сервис показывает какие технологии и в каком браузере поддерживаются
https://webdesign-master.ru/ - полезные статьи и видео по разработке сайтов
http://www.pngtosvg.com/ - конвертер из png в svg
http://howtocenterincss.com/ - сервис помогает узнать как центрировать элемент с помощью css
https://w3im.com/ru/ - уроки по html, css и js и многое другое.
https://compressor.io/compress - сжатие и оптимизация изображений
https://material.io/tools/resizer/ - инструмент для проверки адаптивности сайта
https://transfonter.org/ - трансформация шрифта в нужный формат
Каналы на youtube:
https://www.youtube.com/user/ArtSorax - крутые уроки по css, js и не только
https://www.youtube.com/user/WebMagistersRu - есть уроки по html, css, js и php, bootstrap 3
https://www.youtube.com/user/loftblog - канал LoftBlog, уроки по html, css, js, flexbox и др.
https://www.youtube.com/user/TheSWAT727 - уроки по созданию адаптивной верстки, html, php, обзоры текстовых редакторов
https://www.youtube.com/user/webformyself/ - много уроков, среди которых html, css, php, js, обзоры
https://www.youtube.com/user/dmitrylavr/featured - основы html css js php
Бесплатные курсы:
https://htmlacademy.ru/ - есть как бесплатные так и платные курсы по html, css и js. Много практики.
https://codebra.ru/ - интересный сайт на котором полно практики по html, css и javascript. Есть блог по смежным темам, форум, на котором можно обсуждать уроки.
https://learn.javascript.ru/ - бесплатный курс по js
https://webformyself.com/minikurs/html5/ - курс по основам адаптивной верстки, html, css. Всего за 6 уроков вы самостоятельно сделаете адаптивную кроссбраузерную веб-страницу, сверстанную на html5 и css3.
Валидаторы (онлайн проверка вашего кода на ошибки):
http://validator.w3.org/ - валидатор для проверки html кода
https://jigsaw.w3.org/css-validator/ - валидатор для проверки css кода
Всем продуктивной работы и много крутых работ в портфолио!