Телеграмм чат группы bem_ru страница 1383

parrot.ru

Рейтинг популярных групп и каналов

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

групп:

каналов:

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

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

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

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

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

go.backupland.com

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

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

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

Size: a a a

БЭМ

826 membersпожаловаться на группу

2019 April 23

SB

Sergey Belozyorcev in БЭМ

@why_typescript_is_bad

Это большой холивар и оффтоп. Flow хоть и более строгий и выведение типов лучше, но у него тоже есть недостатки. TypeScript предоставляет экосистему, flow - надcтройку (причём до сих пор нет первой версии). Имхо, на данный момент мой выбор за TypeScript.

upd.
В любом случае типизация в большом проекте - это хорошо.

источник

15:44пожаловаться #1

2019 April 24

D

Dmitry in БЭМ

Всем привет. Немного запутался в трех соснах - разъясните плиз на примере простом.
Есть ссылка в виде кнопки: фон желтый, текст белый. При наведении на кнопку фон становится белый, текст желтый. Какие именно классы необходимо прописать? Направление правильное у меня:
button button_bg-color_yellow link link_hovered ? Hovered на Link надо или можно на button? Есть еще другие линки которые по другому оформляются... Спасибо

источник

01:26пожаловаться #2

SB

Sergey Belozyorcev in БЭМ

Всем привет. Немного запутался в трех соснах - разъясните плиз на примере простом.
Есть ссылка в виде кнопки: фон желтый, текст белый. При наведении на кнопку фон становится белый, текст желтый. Какие именно классы необходимо прописать? Направление правильное у меня:
button button_bg-color_yellow link link_hovered ? Hovered на Link надо или можно на button? Есть еще другие линки которые по другому оформляются... Спасибо

Если ссылка в виде кнопки - то это не обязательно класс link.
Блок кнопки можно сделать ссылкой и всё. По факту это 2 разных блока (хоть оба являются ссылкой).

Т.е.

<a href='#' class='Button Button_type_link'>Кнопка, являющаяся ссылкой</a>

Дальше ты просто пишешь стили

.Button_type_link {}
.Button_type_link.Button_hovered {}

Но если кнопка с с жёлтым фоном и былым текстом может быть не только ссылкой, то лучше сделать это в другом модификаторе (например color)

<a href='#' class='Button Button_type_link Button_color_action'>Кнопка, являющаяся ссылкой</a>

.Button_color_action {}
.Button_color_action.Button_hovered {}

источник

02:14пожаловаться #3

D

Dmitry in БЭМ

Sergey Belozyorcev

Если ссылка в виде кнопки - то это не обязательно класс link.
Блок кнопки можно сделать ссылкой и всё. По факту это 2 разных блока (хоть оба являются ссылкой).

Т.е.

<a href='#' class='Button Button_type_link'>Кнопка, являющаяся ссылкой</a>

Дальше ты просто пишешь стили

.Button_type_link {}
.Button_type_link.Button_hovered {}

Но если кнопка с с жёлтым фоном и былым текстом может быть не только ссылкой, то лучше сделать это в другом модификаторе (например color)

<a href='#' class='Button Button_type_link Button_color_action'>Кнопка, являющаяся ссылкой</a>

.Button_color_action {}
.Button_color_action.Button_hovered {}

Спасибо большое!

источник

02:40пожаловаться #4

И

Ильдар in БЭМ

кто-нить разбирался как в БЭМ експресс взамен директорий уровней переопределения использовать @уровень в имени блока?

источник

10:36пожаловаться #5

И

Ильдар in БЭМ

как end обучить этому?

источник

10:36пожаловаться #6

Р

Роман in БЭМ

как end обучить этому?

3 версию смотрел?

источник

10:53пожаловаться #7

И

Ильдар in БЭМ

3 версию смотрел?

в личку написали, буду разбираться

источник

10:55пожаловаться #8

D

Dmitry in БЭМ

Sergey Belozyorcev

Если ссылка в виде кнопки - то это не обязательно класс link.
Блок кнопки можно сделать ссылкой и всё. По факту это 2 разных блока (хоть оба являются ссылкой).

Т.е.

<a href='#' class='Button Button_type_link'>Кнопка, являющаяся ссылкой</a>

Дальше ты просто пишешь стили

.Button_type_link {}
.Button_type_link.Button_hovered {}

Но если кнопка с с жёлтым фоном и былым текстом может быть не только ссылкой, то лучше сделать это в другом модификаторе (например color)

<a href='#' class='Button Button_type_link Button_color_action'>Кнопка, являющаяся ссылкой</a>

.Button_color_action {}
.Button_color_action.Button_hovered {}

Сергей, привет. Уточнение, а дефолтные стили я в Button прописываю?

источник

12:16пожаловаться #9

И

Ильдар in БЭМ

Сергей, привет. Уточнение, а дефолтные стили я в Button прописываю?

посмотрите как выглядит блок кнопка в bem components, а именно стили темы islands

источник

12:58пожаловаться #10

И

Ильдар in БЭМ

https://github.com/bem/bem-components/blob/v6.0.0/design/common.blocks/button/_theme/button_theme_islands.post.css

bem/bem-components

Set of components for sites development. Contribute to bem/bem-components development by creating an account on GitHub.

источник

12:58пожаловаться #11

D

Dmitry in БЭМ

https://github.com/bem/bem-components/blob/v6.0.0/design/common.blocks/button/_theme/button_theme_islands.post.css

bem/bem-components

Set of components for sites development. Contribute to bem/bem-components development by creating an account on GitHub.

👌

источник

12:59пожаловаться #12

VI

Vadim Ivanov in БЭМ

посмотрите как выглядит блок кнопка в bem components, а именно стили темы islands

а есть реализация с react?

источник

13:33пожаловаться #13

AA

Anton Antonov in БЭМ

а есть реализация с react?

cnDecorator

источник

13:36пожаловаться #14

И

Ильдар in БЭМ

а есть реализация с react?

На сколько знаю официальная библиотека пока в разработке

источник

13:37пожаловаться #15

VI

Vadim Ivanov in БЭМ

На сколько знаю официальная библиотека пока в разработке

спасибо

источник

13:37пожаловаться #16

Р

Роман in БЭМ

Хм. Тут наткнулся на https://github.com/teleporthq/teleport-code-generators/#features — они генерируют JSX из подобия BEMJSON.

teleporthq/teleport-code-generators

A collection of code generators for modern JavaScript applications - teleporthq/teleport-code-generators

источник

15:40пожаловаться #17

AA

Anton Antonov in БЭМ

пишу такой БЭМ в scss

.block {
  &__elem1 {}
  &__elem2 {}
}

elem2 лежит в elem1

как правильно и красиво делать изменения в elem2 при :hover на elem1 ?

.block {
  &__elem1 {
     &:hover {
       .block__elem2 {} 
    }
  }
}

источник

19:41пожаловаться #18

AA

Anton Antonov in БЭМ

такой вариант - как минимум некрасиво (дублирование имени блока)

источник

19:42пожаловаться #19

И

Ильдар in БЭМ

пишу такой БЭМ в scss

.block {
  &__elem1 {}
  &__elem2 {}
}

elem2 лежит в elem1

как правильно и красиво делать изменения в elem2 при :hover на elem1 ?

.block {
  &__elem1 {
     &:hover {
       .block__elem2 {} 
    }
  }
}

если очень красиво то к блоку на хочер через js миксууется модиыикатор hovered иего уже в стилях оформляем

источник

19:43пожаловаться #20