ШРИ домашняя работа №1 верстка CI системы

В качестве сборщика использовал gulp, препроцессор взял scss. html странички и css файлы находятся в папке public.

Я не против использования моей домашней работы для разбора.

Ответы на вопросы:

• правильное использование БЭМ-сущностей
  • какие части макета являются одним и тем же блоком? Ответ: Сущности, которые не зависят друг от друга и могут быть повторно использованы в разных местах.
  • какие стили относятся к блокам, а какие к элементам и модификаторам? Ответ: Стили, относящиеся к блокам, описывают внешний вид независимой сущности, которая может быть использована повторно в разных местах. Стили модификаторов задают внешний вид элементов и блоков для различных состояний. Стили, которые относятся к элементам, описывают внешний вид сущности в контексте родителя (блока).
  • где нужно использовать каскады и почему? Ответ: Использовать каскад не рекомендуется, т.к. может возрастать сложность понимания логики стилей и сложность повторного использования кода. Каскады в блоках разрешаются, когда мы хотим менять элементы в зависимости от состояния блока. У себя в проекте я использовал каскады в селекторах, когда нужно было задать отступы всем элементам в колонке/строке кроме первого.
• консистентность
  • какие видите базовые и семантические константы? Ответ: Константы размеров шрифтов, высоты текста, отступов и цветов (хотя тут слишком видов серого и я не стал заморачиваться и написал grey-1 grey-2 и тд),
  • какие видите закономерности в интерфейсе? Ответ: На каждая страница поделена на 3 сущности шапка, основной контейнер и футер (кэп :) ).
• адаптивность
  • где видите вариативность данных и как это обрабатываете? Ответ: Вариативность данных обрабатываю через модификаторы, например разные статусы коммитов.
  • какие видите особенности, связанные с размером экрана? Ответ: Под меньшие размеры экрана контент расползается на всю ширину и там где элементы несколько элементов могло идти в одной строке, в мобильном варианте они идут в колонке. Внешние отступы у элементов становятся чуть меньше.
  • что еще повлияло на вашу вёрстку? Ответ: Общение с другими людьми, которые тоже выполняют это задание. Я понимал, что какие то места в коде у меня костыльные и пытался сделать по другому. Также открывал странички в разных браузерах, у меня был момент что в сафари была бага, изза которой пришлось чутка изменить разметку.