Добрый день.
Необходимо сделать простую верстку лендинга (1ый из 5ти)
Проверка скорости загрузки сайта PageSpeed Insights (Задачи исправить, >85 балоов для мобил и десктопа)
Проверка мобильности и исправление ошибок
testmysite.withgoogle.com... search.google.com/test/mo... Проверка валидности верстки validator.w3.org
www.testmycss.com/ Кроссбраузерность
Общие требования к качеству верстки
Верстка при ширине экрана равной или большей ширины контентной части макета должна максимально соответствовать дизайну.
Придерживайтесь следующего стандарта поддержки браузеров актуально на начало 2016.
Для поддержки стандарта html5 старыми браузерами используйте html5shiv
Используйте смысловые названия классов. Придерживайтесь логики названия классов для обеспечения контекстной независимости стилей. По примеру БЭМ или другой подобной логике задания классов. Но делайте это уместно.
Не задавайте высоту элементов без особой на то необходимости.
Верстка не должна отображаться с горизонтальным скроллом.
Ошибки при валидации не должны быть критическими и должны быть сведены к минимуму.
Делайте сброс стилей.
Сайт должен занимать всю ширину: не должно быть отступов слева и справа
Качество кода
Структурируйте логически css код. Комментируйте логические блоки кода.
Комментируйте html код в местах начала и конца основных структурных элементов страницы.
В html разметке используйте теги html5, где это уместно
При использовании нестандартных свойств css3, уточняйте их поддержку браузерами. Используйте вендорные префиксы разумно.
Придерживайтесь единого стиля кода, чтобы дальнейшая его модификация не вызывала затруднений.
Используйте utf-8 для кодировки файлов.