Skip to content

Instantly share code, notes, and snippets.

@pepelsbey
Last active February 17, 2020 15:57
Show Gist options
  • Save pepelsbey/2b0f2700f7f0ae6f890ad10dbb257899 to your computer and use it in GitHub Desktop.
Save pepelsbey/2b0f2700f7f0ae6f890ad10dbb257899 to your computer and use it in GitHub Desktop.

Вопросы к разделу «Оформление контента»

Если в стайлгайде нет, то можно и не делать?

добрый день! в лекции по Барбершопу (1ч39мин.) Николай сделал стили для выключенной кнопки, хотя их нет в стайлгайде, и сказал, что такое состояние должно быть 100% :

.button.disabled,
.button:disabled {
cursor: default;
opacity: 0.5;
background-color: #000000;
}

в наших личных проектах, тоже нужно это предусмотреть? (в стайлгайде и в ТЗ нет disabled состояния кнопок )

Тут две стороны одной медали. С одной стороны вы действительно можете не делать того, чего нет в стайлгайде и защитить проект на 100%. С другой стороны если вы точно знаете, что интерфейсу нужна выключенная кнопка, то сделайте её.

Делают ли сложные интерактивные элементы с помощью CSS?

Раньше всегда думал, что слайдеры, аккордеоны и остальные такие интерктивные декоративные элементы выполняются через Javascript. Часто ли их делают с помощью CSS?

По умолчанию делают так, что сложные элементы сделаны с помощью HTML+CSS и потом докручивают JavaScipt. Но не нужно доводить ситуацию до абсурда и делать слайдеры на CSS. Имеется ввиду неинтерактивная часть слайдера делается с помощью HTML+CSS, а уже интерактивную с помощью JavaScript. В жизни интерактивные элементы делают с помощью JavaScript. Он с этой задачей справляется легче, чем CSS. Поэтому раньше вы думали правильно.

Что использовать inline-block или флексы

Инлайн-блоки используются для создания меню? Или всегда лучше использовать флекс-бокс?

Какую технику использовать зависит от задачи, но скорее всего здесь больше подходит флексы. Так как нужно учесть переполнение, а с переполнением флексы справляются легче. В целом, inline-block сейчас используется реже и для совсем простых задач: поставить два элемента рядом.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment