Чеклист для самопроверки. 2 Спринт.

В прошлый раз мы давали вам список вопросов, на которые стóит ответить, прежде чем отправлять работу на проверку.

С этого спринта вам предстоит самостоятельно формулировать вопросы. Мы лишь описали требования к итоговой работе. Всё как в настоящем техническом задании.

• В проекте есть index.html, index.css, README.md, директория blocks со стилями и файлы с картинками в директории images.
• normalize.css импортирован в index.css.
• Нет опечаток в коде HTML и CSS, страница валидна

  Валидность — соблюдение порядка вложенности HTML-элементов в соответствии с документацией, отсутствие незакрытых тегов. Проверка разметки в онлайн валидаторе не приводит к появлению ошибок. Предупреждения — допустимы.

  Рекомендуем использовать валидатор разметки от w3.org.
• Соблюдена семантика

  Для вёрстки заголовков применяются несколько тегов от h1 до h6, текстовые блоки размечены тегами p, списки — ul. Присутствуют и используются по назначению элементы header, main, footer, section, nav.

• Все блоки из брифа свёрстаны. Ширина элементов и отступы не отличаются от указанных в брифе более, чем на 30px.
• Изменена последовательность секций в соответствии с брифом.
• Блоки повторно используются в тех местах, где этого требует бриф.
• Стили и картинки в самостоятельных папках и разбиты по блокам. Создана Nested файловая структура по БЭМ.
• Блоки, элементы и модификаторы названы в соответствии с брифом.
• Не используются селекторы по тегу.
• Нет вложенности более двух селекторов.
• Файл README.md содержит:
  • заголовок-название;
  • описание проекта и его функциональности;
  • указание, что за технологии используются, если используется много технологий разом.
• В футер добавлены иконки, текст и ссылки, по которым можно кликнуть.
• Цвета ссылок и текста соответствуют брифу.
• Фоновые цвета секций соответствуют брифу.
• Размеры, начертания и цвет шрифтов, как в макете.
• На странице нет скрытых элементов.
• На странице есть заголовок первого уровня. Заголовки соответствуют иерархии страницы.
• У изображений есть атрибут alt со значениями, написанными на языке документа.
• Изображения не искажаются и выглядят как в брифе.
• Ни одному текстовому блоку не задана фиксированная высота. Блок растягивается, если в него вставляют в 2—3 раза больше текста.
• Для создания сеток используется flex или grid-layout.
• Абсолютное позиционирование применяется только к тем элементам, к которым должно применяться по брифу.
• У элементов с абсолютным позиционированием заданы координаты по двум осям.
• Реализованы все анимации из брифа. Анимации выполнены через @keyframes в блоке rotation.
• Ссылкам задано состояние при наведении на них указателя мыши :hover.
• Для вставки видео используется iframe

Напоминаем, что есть критерии, которые нужно соблюсти, чтобы работу вообще приняли на проверку. В этот раз их немного больше.

Ошибки в вёрстке:

• один или несколько блоков не свёрстаны или неверно отображаются в Safari, Firefox или Yandex Browser;
• пять или больше элементов отсутствуют вовсе;
• не хватает секции;
• порядок блоков не соответствует брифу;
• не применяется технология выравнивания или построения сетки;
• на десктопных разрешениях страница прокручивается по горизонтали;
• некорректно указан шрифт;
• отсутствуют анимации одной из фигур.

Код плохо оформлен:

• не соблюдена вложенность HTML в более чем пяти местах;
• не соблюдён стиль написания CSS-правил в более чем пяти местах.