Evgeny
😁бля давно я не смотрел верстку других людей
Nikolay
В блоках обычно максимум 3-4 уровня влож. Особенно с flex
Nikolay
Нафига бэм
Nikolay
Header - slider - items - item
Dmytro
Нафига бэм
Нужен когда ты Яндекс и у тебя 100500 сервисов 🙂
а когда у тебя на проекте 5-20 шаблонов он нафиг не надо 🙂
Dmytro
там есть крутая логика у них но ее понимает мало кто и суют бем везде и всюду где надо и не надо
Nikolay
Нужен когда ты Яндекс и у тебя 100500 сервисов 🙂
а когда у тебя на проекте 5-20 шаблонов он нафиг не надо 🙂
К сожаления или к счастью не мой уровень)
Nikolay
Evgeny
Нужен когда ты Яндекс и у тебя 100500 сервисов 🙂
а когда у тебя на проекте 5-20 шаблонов он нафиг не надо 🙂
так сейчас во всех вакансиях БЭМ, по факту 99% не понимают зачем он нужен)
Dmytro
так сейчас во всех вакансиях БЭМ, по факту 99% не понимают зачем он нужен)
Ну да 🙂 не понимают 🙂 это HH пишут ибо мол крутое слово трендовое 🙂
Nikolay
Надо просто придумать новый модный молодёжный способ верстки, попроще, и распиарить его, и конец мучениям верстальщиков)
Иван
@lautsevich
Pavel
а? шо?
Иван
Давай по БЭМ поговорим
Pavel
это с удовольствием =)
Dmytro
это с удовольствием =)
Вот на тебе пример BEM )
https://github.com/melnychuk1/task-test__DDA/blob/master/source/index.html
Nikolay
Надо просто придумать новый модный молодёжный способ верстки, попроще, и распиарить его, и конец мучениям верстальщиков)
Сказать, пацаны, это Бэм для визитов ваших))
Nikolay
Визиток
Pavel
Вот на тебе пример BEM )
https://github.com/melnychuk1/task-test__DDA/blob/master/source/index.html
это неправославный БЭМ =)) элемент элеманта быть не может, как там в коде header__menu__block, header__menu__item
Dmytro
это неправославный БЭМ =)) элемент элеманта быть не может, как там в коде header__menu__block, header__menu__item
Ну вот такой не православный БЭМ в 9 из 10 тестовых (
Pavel
ну неудивительно, просто эти 9 из 10 не ют БЭМ готовить
Dmytro
ДА и если что это весь макет 1 страничка других не будет 🙂 тоесть финал законченный проект 🙂
Dmytro
тоесть он тут и так не нужен 🙂 так еще и не правильно готовят 🙂
Dmytro
ну неудивительно, просто эти 9 из 10 не ют БЭМ готовить
тада аи это печально, ибо идея простая то и понятная у БЭМ
Pavel
да, лучше бэма пока ничего не придумали
Pavel
разве что совсем альтернативный подход atomic/functional css
Pavel
но я его терпеть не могу
Nikolay
Приколы начинаются когда сайт начинает расти, нужно тут добавить там убрать, это переместить
Андрей
да, лучше бэма пока ничего не придумали
Просто не надо перебарщивать с бэмом, в бутстрапе он есть, но в меру
Nikolay
И вся эта красота накрывается
Dmytro
Просто не надо перебарщивать с бэмом, в бутстрапе он есть, но в меру
Придумаешь тоже. Надо везде и побольше побольше 🙂 в каждый блок 🙂
Андрей
Но авторы бэма сами перебарщивают, посмотреть хотя бы верстку их сайта
Evgeniy
Pavel
Evgeniy
Андрей
Андрей
Поэтому иногда лучше что-то изменить а не добавлять модификатор
Pavel
бэм дает систему и если проект на бэм и ты знаешь бэм, то он дает тебе понимание того, как раотать с даже недокументированным кодом, потому что ты можем прочитать в доке бэм про его принципы. но, если там бэм, такой, как я выше описал, то один хер что там, это не система и такой бэм не поможет никому
Pavel
у меня один вопрос, вот, кто на самом деле юзает stylelint?
Pavel
для верстки
Андрей
Андрей
это яндекс
Pavel
а причину такого количества классов вы понимаете?
Pavel
про "перебарщивать с БЭМ" почитайте вот эту статью. это про то, что нужна система для управления сложность кодовой базы. если система есть, то она позволяет "общаться" разработчикам на "одном языке" https://benfrain.com/css-scaling-choose-isolation-or-abstraction-not-both/
Андрей
а причину такого количества классов вы понимаете?
причина в бэме, якобы где-то какие-то кусочки они переиспользуют, но чтобы переиспользовать надо понимать какие классы для чего нужны, а разобраться в этом сложно
Pavel
причина в бэме, якобы где-то какие-то кусочки они переиспользуют, но чтобы переиспользовать надо понимать какие классы для чего нужны, а разобраться в этом сложно
это гигантская сквозная через все сервисы дизайн-система и тот, кто собирает интерфейсы на ней должен в этом разбираться, это его работа
Pavel
а дизайн-система решает бизнес-задачи яндекса
Anonymous
Бэм крутая вещь
Андрей
каскады в бэме запрещены, но почему-то в верстке яндекса они есть
Андрей
значит бэм не так крут
Anonymous
От каскада никуда не деться
Anonymous
И в бэме сказано, что можно их использовать, но не злоупотреблять
Pavel
иногда нужно в каком-то контексте повесить значение модификатору
Pavel
вот тогда каскад будет удобен
Pavel
но с появлением переменныз в css это позволяет без каскада обходиться
Pavel
например
.block {
background-color: black;
}
.button {
background-color: black;
}
.block .button {
background-color: white;
}
Pavel
вот такой каскад разрешен
Pavel
но без него теперь можно обойтись, переписав код вот так
:root {
--button-bg-color: black;
}
.block {
--button-bg-color: white;
background-color: black;
}
.button {
background-color: var(--button-bg-color);
}
Anonymous
Anonymous
тут уже модификатор
Pavel
это принцип открытости/закрытости компонента (SOLID O в ООП)
Anonymous
Это принцип бэма
Pavel
модификатор может быть и лучше, я лишь привел пример
Anonymous
Тут необходим модификатор, а не каскад
Pavel
я привел пример допустимости который может быть переписан без каскада
Anonymous
Я каскад применяю только в случае изменения поведения или же в текстовых блоках
Anonymous
есть идея насчет таблицы тв полей
для каждого тв-отдельная таблица.200 тв - 200 таблиц.
по имени тв - выбрать таблицу с таким же именем
а там будет 2 колонки ид_ресурса и значение.
а если тип число то сразу и тип поменять.- INT быстрее чем текст и места меньше.
сейчас select value from * where id_res= and id_tv=
будет select value from modx_tv_val_tv_name where id_res=
повесить на события чтение/запись в тв эти новые.
за счет разбивки будет доступ и запись быстрее в 100 раз, если там миллион записей.
🙈 PG
Xander
есть идея насчет таблицы тв полей
для каждого тв-отдельная таблица.200 тв - 200 таблиц.
по имени тв - выбрать таблицу с таким же именем
а там будет 2 колонки ид_ресурса и значение.
а если тип число то сразу и тип поменять.- INT быстрее чем текст и места меньше.
сейчас select value from * where id_res= and id_tv=
будет select value from modx_tv_val_tv_name where id_res=
повесить на события чтение/запись в тв эти новые.
за счет разбивки будет доступ и запись быстрее в 100 раз, если там миллион записей.
Приведи практический пример, когда будет использоваться 200 тв.
Gaius Cassius
Приведи практический пример, когда будет использоваться 200 тв.
начинающий разработчик)
Иван
Я пока даже придумать такой кейс в 200 tv
Иван
Артур пишет тут, чтобы его не забывали )
Иван
Человек парсер
Gaius Cassius
