search

bem-site / bem-forum-content-ru

Content BEM forum for Russian speak users
MIT License
56 stars 6 forks source link

Как реализуется адаптивность страницы? #693

Open mathetes opened 8 years ago

mathetes commented 8 years ago

Сделал свою первую небольшую страницу на основе generator-bem-stub блоки описывал в bemjson и прописывал правила css в common-blocks. Страница задумывалась как адаптивная. Поэтому нужно сделать для планшетов и телефонов. В папках touch-pad.bundles и touch-phone.bundles имеются bemjson с минимальным контентом.

Я так понимаю нужно скопировать содержимое desktop.bundles в папки touch-pad.bundles и touch-phone.bundles и прописать нужные css для них. Или как то по другому надо делать?

tadatuta commented 8 years ago

Разделение на desktop/touch-pad/touch-phone предполагает полностью отдельные версии под каждое окружение. Если же хочется сверстать адаптивный сайт с помощью media queries, то нужно использовать лишь один набор бандлов, а поддержку разных устройств делать как обычно в CSS.

qfox commented 8 years ago

@tadatuta Что ты думаешь на счет коробочного решения с дозагрузкой стилей/скриптов под нужную платформу?.. Может блок какой-то, который будет их загружать и запускать и сборка бандлов с другой стороны, используя нужные уровни.

vithar commented 8 years ago

Если напишешь — будет хорошо.

А ещё я мечтаю о нормальном блоке загрузки кастомных шрифтов, даже уже примерно представил как делать. Скорее всего сделаю в рамках нового bem.info.

4 нояб. 2015 г., в 15:17, Alexej Yaroshevich notifications@github.com написал(а):

@tadatuta Что ты думаешь на счет коробочного решения с дозагрузкой стилей/скриптов под нужную платформу?.. Может блок какой-то, который будет их загружать и запускать и сборка бандлов с другой стороны, используя нужные уровни.

— Reply to this email directly or view it on GitHub.

qfox commented 8 years ago

@vithar Тут важно понимать размах этого «хорошо». Нам с тобой так и так будет хорошо, а людям надо будет учиться этому, зачем оно вообще, когда есть респонсив... ;-)

tadatuta commented 8 years ago

@zxqfox звучит как небольшая обертка над ui + loader.

qfox commented 8 years ago

@tadatuta Да, но нужно же еще собрать эти файлики, а значит еще и в самой сборке нужно будет подшаманить итоговые файлы: <bundle>.<platform>.<tech> или как-то так. Видимо, надо параметрами рулить в этой небольшой обертке, чтобы ожидаемые имена файлов совпадали с собранными.

tadatuta commented 8 years ago

должно быть достаточно оставить текущую схему с [platform].bundles, тогда в сборке вообще ничего менять не придется.