А вы используете Flexbox в продакшене?

Question

[Margo1964]

2 года назад говорили - рано. А сейчас?
Рискнули бы вы использовать Flexbox в своей работе
А) На крупном проекте (Банк)
Б) На Лендинге
В) На информационном портале с большой аудиторией?
Пора ли уже использовать Flexbox в качестве основной адаптивной разметки или еще рано?

Answer 1

[Павел Радьков]

Использую уже пару лет как прогрессивное улучшение:

1. Сначала пишу разметку по-старинке через float, display-table или inline-block. При этом результат может несколько отличаться от дизайна, быть проще, главное, чтобы выглядело аккуратно.

2. Через modernizr определяю поддержку флексбокса и переписываю разметку на flexbox. Тут уже всё должно быть по дизайну.

В последнее время начинаю делать наоборот: сначала пишу разметку на flexbox. А потом через .no-flexbox деградацию на старые float, display-table или inline-block.

Comments

[Margo1964]

А есть ли смысл делать столько телодвижений? Флексбокс создан для безгемморной разметки, а тут еще фолбеки писать.

[Павел Радьков]

Каждый решает исходя из своих целей, из аудитории и списка поддерживаемых браузеров.

Для меня есть смысл. Я отказался от понятия «кроссбраузерности», заменил его на «каждому браузеру по возможностям». Если браузер посетителя способен отрендерить красивую удобную верстку по новым технологиям, то нужно нужно осчастливить этих посетителей. Если у пользователя старый браузер, то показать ему верстку на фолбеке, и не ругать его за то, что у него недобраузер.

К тому же фолбек — это 20-40 строк кода на основные элементы модульной сетки. Не так уж и много.

Answer 2

[Mikhail Osher]

Насколько я помню, сейчас Microsoft прекратил поддержку старых IE, то есть актуальные - IE11 & Edge.
Они поддерживают flex.
Остальным недотяпам с IE можно показать warning с содержимым вроде "you're using ancient browser, upgrade'.

Answer 3

[Антон]

Все зависит от того, какие браузеры поддерживать. Если IE >= 10, то можно использовать

Answer 4

[Ольга Грабко]

Около года назад начали использовать на некоторых блоках, если в ТЗ нет требования IE8+ (по умолчанию его нет уже давненько), основную сетку пока используем бутстрап. Тоже вот думаю, не пора ли и основную сетку флексами делать.

А у банка (и у госов и "окологосов") скорее всего будет нужна поддержка самых распоследних динозавров