Привет всем. После изучение scss , сделал небольшой верстку, кто

какие замечание может сделать по поводу кода scss ?

https://github.com/andre-w2/template-scss/tree/master/src/style

Вопрос не по scss - почему у тебя разное кол-во пробелов в табуляции в разных файлах? Забавно :)

для изображение лого

я все компоненты в отдельную папку кидаю, все переменные в _variables, миксины в _mixins, стили для сброса в _reset, отдельно _general, отдельно папочка с апи утилит и самим списком утилит, из которого апи их генерирует. Ну и всё это в index.scss импортирую, там только импорты. Свойства пишу по группам как здесь описано https://webdesign.tutsplus.com/articles/outside-in-ordering-css-properties-by-importance--cms-21685 Советую почитать про OOCSS, SMACSS, Atomic CSS и оттуда взять что удобней для себя. БЭМ кстати потом будет казаться неудобным

привык так

ты тут вроде как БЭМ применяешь, для чего тогда id и теги использууешь ?

сделай отдельный еще один модификатор. --img это не правильный модификатор. он должен отвечать на вопросы (какой, как и т.д.)

id использовал для отделение <div class="navbar__menu"> <a href="/" class="navbar__menu--links">Домой</a> <a href="/" class="navbar__menu--links">Продукт</a> <a href="/" class="navbar__menu--links">Сервер</a> <a href="/" class="navbar__menu--links" id="button">Вход</a> </div>

Что это? О_о

спасибо за ответ такой приятно очень)))

а какой правильный?

ну сделай модификатор, и каким образом "a" стал кнопкой ?

всм?

а нельзя ?

мне нужно было ссылка в стиле кнопке

а это плохо?

ты читал про бэм, разбирался как его использовать? или просто так классы написал?

разбирался

Да. Когда вы будете работать в команде - вас за это будут бить. Потому что ваши классы визуально следуют бэм-парадигме, а по факту - нет.

назовите причину резкую почему считается плохо? по читаемости кода всё в порядке

Потому что это не БЭМ. Но при этом выглядит как БЭМ. И человеку, который будет разбирать ваш код, придется выяснять, почему элементы используются без блоков, почему модификатры используются без блоков или элементов.

вот ему больше нечего делать выяснять почему у меня элемент не в блоке😂

Поверьте, тимлид будет все это выяснять. И пиздить за это

Код вы пишите, включая разметку, для других коллег, кто будет это читать и поддерживать. Выше вам уже указали, что вы используете элемент, без блока, что у вас модификатор без элемента. Вот пример как было бы правильнее, исходя того, что имеем: ``` <div class="navbar-menu"> <a href="/" class="navbar-menu__link">Домой</a> <a href="/" class="navbar-menu__link navbar-menu__link--color-white">Продукт</a> <a href="/" class="navbar-menu__link">Сервер</a> <a href="/" class="navbar-menu__link" id="button">Вход</a> </div> ```

могу написать

Бесполезно)

мб поможет

Ну и в дальнейшем это будет неподдерживаемо

а зачем тут navbar-menu__link--color-white?

Я забыл, что это уже не первая дискуссия с этим молодым человеком. В первой он пытался понять бэм, не понял, плюнул и решил писать по своему)

Это пример как использовать модификатор

вспомни себя когда начинал и не нужно тут открыть 5 точку и хвастаться что знаешь больше меня!

Я когда начинал не считал себя самым умным. И старался учиться у более опытных коллег. Но, я уверен, вам это ни к чему)

когда это было?

Никто не хвастается. Тут вам пытаются объяснить что есть практики общепринятые и отклоняться от них на этапе "я только осваиваю" не стоит Ваша задача научиться писать максимально скучный и предсказуемый код

аа понял терь спасибо

Нежнее

ааа. А я подумал тут впервые, ворвался, молодей зеленый, нужно указать путь. Ну тогда ладно, не будем тратит время

Принято, постараюсь

Несколько дней назад.

Только опыт спасёт. Когда он получит проект от человека с аналогичными взглядами, будет пытаться по каким-то гайдам код раскрутить а тот не дастся

я тоже не считаю себя умным прям. И я спрашиваю у опытных людей , ктото помогает и даёт совет , а кто открывает 5ую точку

В целом когда будешь работать в команде у вас будет некий свод правил (code style), который может использовать какие то стандарты, иногда дополняя их своими особенностями . Но сейчас почти везде используются stylelint / eslint и ты не сможешь сильно наговнокодить в плане стиля так как тебе условный хаски не даст запушить это до фикса

вот вы помогаете и даёте совет , а @Fayonthaar он уже не 1ый раз меня подкалывает!

А чего вы их сайт по БЭМу не почитаете? Там прям оооочень дотошно и на русском языке написано, можете даже несколько раз перечитать основы, там не много, но многое поймете. https://ru.bem.info/methodology/quick-start/

Вы спросили, "почему это плохо". Вам ответили. Вы снова спросили "Не, это фигня, а почему это плохо?!"

я уже в тг неделю не заходил

дай тогда ответ такой чтобы вопросов не было

Ок, сорян, постараюсь не язвить

😌из нас отличная команда