В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

БЭМ

973 membersпожаловаться на группу
2020 December 02

PН

Prikolist Начрэл... in БЭМ
Роман
Через какое-то время превращаешься в настоящего БЭМ-чекиста — с одного взгляда любой компонент сразу выдаёт все свои признаки и закономерности. Да и у тебя к этому времени будет полный арсенал разобранных по полочкам компонент, количество блоков сведётся к минимуму, все интерфейсы станут похожими и предсказуемыми.
Смешно написал. И ведь в точку
источник
05:58пожаловаться#1

VK

Vasily Krasnov in БЭМ
Привет.

Какими сейчас инструментами модно-молодёжно писать CSS в БЭМ-нотации?

Или стюардесcу закопали и пишут чистый CSS, как в yandex-ui, например?
источник
20:44пожаловаться#2

Р

Роман in БЭМ
Vasily Krasnov
Привет.

Какими сейчас инструментами модно-молодёжно писать CSS в БЭМ-нотации?

Или стюардесcу закопали и пишут чистый CSS, как в yandex-ui, например?
Эм… CSS — это про стили, БЭМ — методология. Как вы пишите CSS, БЭМу, собственно, всё равно.
источник
20:46пожаловаться#3

VK

Vasily Krasnov in БЭМ
Роман
Эм… CSS — это про стили, БЭМ — методология. Как вы пишите CSS, БЭМу, собственно, всё равно.
Да, БЭМу всё равно, но вопрос был не об этом, а об инструментах, которые могут помочь писать CSS.
источник
20:58пожаловаться#4

Р

Роман in БЭМ
Любой. LESS, Sass, Stylus, PostCSS…
источник
20:59пожаловаться#5

EG

Eugene Gromov in БЭМ
Привет. Так нельзя делать?
.header__group .icon + .logo {
     margin-left: 2rem;
     &::before {
       content: '';
       height: 3.2rem;
       border: 1px solid $color-grey;
       margin-right: 2rem;
     }
}

Блок иконки и блок логотипа лучше смиксовать с элементом хэдера и обращаться к ним уже так?

.header__group .header__icon + .header__logo
источник
21:27пожаловаться#6

Р

Роман in БЭМ
А разве просто у 

.header__logo {
      margin-left: 2rem;
      &::before {
        content: '';
        height: 3.2rem;
        border: 1px solid $color-grey;
        margin-right: 2rem;
      }
 }


будет не тот же эффект?
источник
21:32пожаловаться#7

EG

Eugene Gromov in БЭМ
Роман
А разве просто у 

.header__logo {
      margin-left: 2rem;
      &::before {
        content: '';
        height: 3.2rem;
        border: 1px solid $color-grey;
        margin-right: 2rem;
      }
 }


будет не тот же эффект?
Ну тут верстка различается у мобильной версии и десктопной поэтому такое условие
источник
21:34пожаловаться#8

Р

Роман in БЭМ
Это неочевидно. Я бы описывал различия через @media-выражения
источник
21:35пожаловаться#9

EG

Eugene Gromov in БЭМ
Роман
Это неочевидно. Я бы описывал различия через @media-выражения
Окей буду думать дальше.
А такая реализация в корне неправильная?
.header__group .icon + .logo
источник
21:36пожаловаться#10

Р

Роман in БЭМ
Ну, она ненеправильная, она кажется избыточной — слишком повышается специфичность, а зачем — непонятно (при наличии более удачных решений с @media)
источник
21:37пожаловаться#11

EG

Eugene Gromov in БЭМ
Роман
Ну, она ненеправильная, она кажется избыточной — слишком повышается специфичность, а зачем — непонятно (при наличии более удачных решений с @media)
На картинке это выглядит так. Они кардинально отличаются др от др, наверно нужно с помощью джс динамически подключать хэдер, в зависимости от ширины экрана. Пока не придумал
источник
21:39пожаловаться#12

Р

Роман in БЭМ
И там, и там логотип одинаковый, не вижу разницы.
источник
22:48пожаловаться#13

3K

3axap KNbaHoB in БЭМ
Eugene Gromov
На картинке это выглядит так. Они кардинально отличаются др от др, наверно нужно с помощью джс динамически подключать хэдер, в зависимости от ширины экрана. Пока не придумал
Справа меню, которое у тебя во всех остальных разрешениях всплывает по кнопке - зафиксировано слева от основной страницы, сделай через @media позиционирование меню на 1440рх. На остальных позиционируй через transform translateX например. А повышать специфичность в бэм имхо себе дороже, запутаешься. Тем более это ж наверняка модули у тебя разные (ну у меня разные были), а ты их пихаешь в микс.
источник
23:29пожаловаться#14

3K

3axap KNbaHoB in БЭМ
П. С. Логотипы абсолютно одинаковые и даже позиционируются одинаково везде, вопрос в том, как им display:none делать по блокам и где дублировать код(в меню вроде лого всегда показывается)
источник
23:32пожаловаться#15
2020 December 03

В

Вадим in БЭМ
Привет!
я тоже не знаю БЭМ!

Помогите понять его. В частности интересует не классический стэк а его React реализация
Правильно ли я понимаю (на примере кнопки) что у нас лежит куча запчастей чтобы сообрать тысячу вариаций кнопки и мы при каждом использовании какого-то вида кнопки должны ее собрать из этиз запчастей чтобы использовать в каком-то конкретном месте?
источник
14:09пожаловаться#16

AM

Andrei Mukhametvalee... in БЭМ
Вадим
Привет!
я тоже не знаю БЭМ!

Помогите понять его. В частности интересует не классический стэк а его React реализация
Правильно ли я понимаю (на примере кнопки) что у нас лежит куча запчастей чтобы сообрать тысячу вариаций кнопки и мы при каждом использовании какого-то вида кнопки должны ее собрать из этиз запчастей чтобы использовать в каком-то конкретном месте?
Есть хелпер для React, например пакет bem-react. Могу скинуть пример кнопки по BEM (React + bem-react)
источник
14:14пожаловаться#17

В

Вадим in БЭМ
Andrei Mukhametvaleev
Есть хелпер для React, например пакет bem-react. Могу скинуть пример кнопки по BEM (React + bem-react)
мне смысл нужно понять - так ли это или нет
а что хэлпер мне даст?
источник
14:15пожаловаться#18

В

Вадим in БЭМ
в бэм декларируется что на прод не тащится вся многотысячная вариативность а деплоится лишь та часть функционала кнопки которая нужна в конкретном месте - как это достигается?
через ручную сборку функционала каждый раз в нужном месте с нужными запчастями или не нужный функционал выпиливается инструментами?
источник
14:18пожаловаться#19

AM

Andrei Mukhametvalee... in БЭМ
Вадим
мне смысл нужно понять - так ли это или нет
а что хэлпер мне даст?
Это так
источник
14:18пожаловаться#20