Skip to content

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

Notifications You must be signed in to change notification settings

WoodenPC/shri-homework-ci-layout

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

shri-homework-ci-layout

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

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

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

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

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published