Skip to content

Instantly share code, notes, and snippets.

View pepelsbey's full-sized avatar
🚧
Working Hard

Vadim Makeev pepelsbey

🚧
Working Hard
View GitHub Profile

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

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

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

.button.disabled,
.button:disabled {

Вопросы к разделу «Сетки»

Как определить размеры container

Здравствуйте! Расскажите, пожалуйста, как правильно определить размеры container, если по макету текст на несколько букв выходит за направляющие ?

Крайние направляющие в макете и есть размеры контейнера. Если тексты выходит за крайние направляющие, то значит текст не по секте.

Флоаты нужны?

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

Как вставлять svg-иконку

Как лучше вставлять векторную иконку, если не касаться спрайтов, через content: url, или псевдоэлементу задавать размер, а иконку помещать как фон с полным заполнением размеров? (речь именно про иконку как псевдоэлемент, потому что нужно, чтобы менялась её прозрачность)

Если меняется прозрачность, то не стоит усложнять CSS-код. Достаточно добавить фоновое изображение с svg-файлом и размером для псевдоэлемента.

Как создать спрайт?

Вопросы к разделу «Введение в JavaScript»

Вопросы к разделу «Адаптивные декоративные элементы»

Вопросы к разделу «Препроцессоры и автоматизация»

Статья "Культ Карго CSS" меня смущает, что делать?

Я в замешательстве, у вас в материалах под заголовком БЭМ стоит статья «Культ карго CSS», который в принципе опровергает систему БЭМ в пользу более длинных и понятных CSS селекторов ( может не длинных, но понятных ), и проповедует препроцессоры ( с этим спору нет ), и что самое ужасное, говорит, что id... ЭТО ХОРОШО. Но потом в том же списке куча статей по описанию БЭМ системы и вообще академия очень не любит id. У меня двоякие чувства, так-как статья написана очень грамотно и явно не последним человеком в мире веба. Чему верить я не знаю... Учиться как учат, или учесть и эти знания...

Статью "Культ Карго CSS" всегда нужно читать в паре с Архитектура CSS. Их цель посеять в вас зерно сомнения, чтобы вы сами разобрались нужна ли вам методологии в проекте и для чего.

Почему <button>

Вопросы к разделу «Производительность»

@pepelsbey
pepelsbey / htmlcss-1__section-4.md
Last active October 30, 2019 12:00
Вопросы к разделу «Доступность и формы»

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

1. <button> или <input type="submit">?

В формах для кнопок лучше использовать элемент button или input[type="submit"] и аналогичные? В чем разница между и . Почему в Барбершопе для создания просто кнопок использовали второй вариант?

Лучше использовать button, так как button парный тег. У парных тегов есть псевдоэлементы, которые иногда пригождаются, например для того, чтобы повесить иконку. Вообще, тег button вышел позже input[type="submit"] и расширил возможности input. Более того, если ничего не указывать в атрибуте type тега button, то тип по умолчанию является submit, но вы всё равно указывайте тип. Сейчас нет никакого смысла пользоваться input[type="submit"].

@pepelsbey
pepelsbey / htmlcss-1__section-8.md
Created September 13, 2019 15:05
Вопросы к разделу «Оформление контента»

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

@pepelsbey
pepelsbey / htmlcss-1__section-6.md
Last active October 1, 2019 06:36
Вопросы к разделу «Сетки»

Вопросы к разделу «Сетки»

Новые варианты отступов

Свойства margin-inline, margin-block, padding-inline, padding-block идеальны для флексов?

Новые свойства полностью соответствуют margin-[top, right, bottom, left]. И сказать, что они лучше или хуже нельзя.

Минимально возможная ширина