добрый день! в лекции по Барбершопу (1ч39мин.) Николай сделал стили для выключенной кнопки, хотя их нет в стайлгайде, и сказал, что такое состояние должно быть 100% :
.button.disabled,
.button:disabled {
Здравствуйте! Расскажите, пожалуйста, как правильно определить размеры container, если по макету текст на несколько букв выходит за направляющие ?
Крайние направляющие в макете и есть размеры контейнера. Если тексты выходит за крайние направляющие, то значит текст не по секте.
Как лучше вставлять векторную иконку, если не касаться спрайтов, через content: url, или псевдоэлементу задавать размер, а иконку помещать как фон с полным заполнением размеров? (речь именно про иконку как псевдоэлемент, потому что нужно, чтобы менялась её прозрачность)
Если меняется прозрачность, то не стоит усложнять CSS-код. Достаточно добавить фоновое изображение с svg-файлом и размером для псевдоэлемента.
Я в замешательстве, у вас в материалах под заголовком БЭМ стоит статья «Культ карго CSS», который в принципе опровергает систему БЭМ в пользу более длинных и понятных CSS селекторов ( может не длинных, но понятных ), и проповедует препроцессоры ( с этим спору нет ), и что самое ужасное, говорит, что id... ЭТО ХОРОШО. Но потом в том же списке куча статей по описанию БЭМ системы и вообще академия очень не любит id. У меня двоякие чувства, так-как статья написана очень грамотно и явно не последним человеком в мире веба. Чему верить я не знаю... Учиться как учат, или учесть и эти знания...
Статью "Культ Карго CSS" всегда нужно читать в паре с Архитектура CSS. Их цель посеять в вас зерно сомнения, чтобы вы сами разобрались нужна ли вам методологии в проекте и для чего.
В формах для кнопок лучше использовать элемент button или input[type="submit"] и аналогичные? В чем разница между и . Почему в Барбершопе для создания просто кнопок использовали второй вариант?
Лучше использовать button
, так как button
парный тег. У парных тегов есть псевдоэлементы, которые иногда пригождаются, например для того, чтобы повесить иконку.
Вообще, тег button
вышел позже input[type="submit"]
и расширил возможности input
. Более того, если ничего не указывать в атрибуте type
тега button
, то тип по умолчанию является submit
, но вы всё равно указывайте тип.
Сейчас нет никакого смысла пользоваться input[type="submit"]
.