Проблема не в сборке - проблема в том что туда собирать - оба из ваиантов не попадают - доска она одновремеено и как мобильное устройство и как десктоп - можно как и пальцем таа и указателем работать

Она большая по размерам но и работать с ней можно как с мобильным устройством

А у нас только 2 случая- либо умные либо красивые, а доска и умная и красивая 😊

«Вам шашечки или ехать?»

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

я не противопоставляю БЭМ другим подходам - я пытаюсь как разработчик выяснить для себя узкие места и методы решения их - поэтому и задаю вопросы
я не БЭМ-дисидент! скорее адепт - поэтому не нужно так категорично

Ну и собери под это устройство

В yandex-ui помойму как раз и собирают под 3 цели, мобилки, таблеты и десктопы. Платформ может быть сколько угодно, хоть под умные унитазы

Ув. знатоки, подскажите как на БЭМ реализовать адаптивную страницу.
К примеру есть блок, кторый на смартфоне должен быть маленьким, а на
десктопе большим. Если следовать БЭМу, то размер тут является состоянием
элемента и должен задаваться модификатором, примерно так:

.block {
 /*какие-то стили*/
}

.block_size_small {
 /*size: small;*/
}

.block_size_big {
 /*size: big;*/
}

Собрать разные страницы под разные экраны не проблема, прописывай
разные модификаторы и будет тебе счастье, но что если мне нужна
адаптивность, что если страница у меня одна и стилизация ее наполнения должна
меняться в зависимсти от размеров экрана. Первое что приходит в голову - это
отказаться от модиикаторов и сделать так:

.block {
 /*какие-то стили*/
}

@media (max-width: 600px) {
 .block {
   /*size: small;*/
 }
}

@media (min-width: 600px) {
 .block {
   /*size: big;*/
 }
}

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

Верный второй вариант, но вы верно насторожились — у блока нет (не должно быть) внешней геометрии, т. е. фикс. размеры правильнее и удобнее описывать в элементах родительских блоков.

тесть получается что медиа квери в БЭМ вообще не используются, может тогда есть смысл применить другую методологию
просто у меня в голове не стыкуются две вещи
с одной стороны все говорят о том что БЭМ сейчас самая популярная методология  в мире, а с другой - пишут что отзывчивый дизайн - зло (тк слишком дорогой в поддержке) и все сейчас должно быть адаптивным

Наоборот, используются повсеместно — они никак не противоречат методологии.

спс

Привет. Есть люди, которые с тильдой работали. Я в js не сильно шарю, отсюда неполное понимание примеров:

http://help-ru.tilda.ws/tips/javascript

Есть js-form-proccess. Мне не понятно, что это такое и какую роль это играет в работе тильды. Т.е. кто и как создаёт на странице js-form-proccess.

Оффтопик

Привет, ребят.
Подскажите такая методолгия БЭМ валидна, её можно использовать?

Да

Только многословно. Наверное можно более кратко блок назвать.

Вкусовщина

Да, само собой. Но я это из своего опыта. Если когда-то мне не хватает двух слов для названия блока, скорее всего надо пристальнее посмотреть на этот блок. Либо просто лишние слова убрать, либо дело в структуре, неверное понимание которой обязательно выстрелить в ногу позже.