Чек лист правильной верстки проекта

Что необходимо учитывать при верстке, чтобы проект одобрил заказчик и чтоб не было проблем при отображении контента в различных браузерах? Давайте попробуем разобраться в данной статье.

Внешний вид и работоспособность сайта
1. Целостность верстки, соответствие техническому заданию.
2. Внешне сайт выглядит как макет. 
3. Подключены необходимые шрифты.
4. Все интерактивные элементы работают в соответствии с техническим заданием: 
5. Интерактивные элементы имеют состояния при наведении, клике и выделении (:hover, :active и :focus). 
6. Кроссбраузерность.
7. Адаптивность верстки. 
8. Оптимизация скорости загрузки страницы

Качество кода
1. Валидность.
2. Семантичность верстки. 
3. Доступность. 
4. Единообразие и аккуратность кода. 
5. Сайт должен корректно работать при добавлении текстового контента. 
6. Базовая работоспособность сайта должна сохраняться при выключенном jаvascript.