Как использовать flexbox на реальных проектах?

Question

[Валентин]

Мне очень нравится концепция flexbox- удобно, просто, легкоподдерживаемо.
Использует ли кто-нибуть flexbox на рабочих проектах? Или пока всё-таки стоит подождать?

Answer 1

[Евгений Петров]

Безусловно, ведь нет поддержки только в IE9 и ниже. А для них пишется что-то своё, благо они поддерживают conditional comments.
В сложных случаях для этих версий IE (вертикальное расположение) можно написать полифилл (причём уверен, что реализованные варианты уже есть).

Ну а впоследствии при решении не поддерживать IE9 отрубается условный комментарий и все живут долго и счастливо.

Comments

[Валентин]

Вы про подобные вещи? habrahabr.ru/post/159325 Надо будет изучить вопрос глубже, спасибо. А как подобные вещи влияют на производительность, а также мобильные девайсы?

[Евгений Петров]

Такую или более узкую по направленности. Безусловно, вы же не ждёте, что эмуляция поднимет производительность?)) Конечно, в старых браузерах производительность будет снижена.

Основное отличие деградации от улучшения — в первом случае нам судьба старых браузеров гораздо более безразлична — всё зависит от желания.

Progressive enhancement полезен в случае более-менее равноправного присутствия устройств на рынке.
В случае катастрофически малого влияния на рынок (а IE9 + IE8 дадут едва ли более 5%) мы берём за основу Graceful degradation и отодвигаем их проблемы на последний план (как вариант — вообще на них забиваем).

Вот статья, хотя далеко не всё в ней бесспорно. Впрочем, эти термины весьма абстрактны. Однако, это не отменяет требований к знаниям, ибо при структура документа реализуется так, чтобы потом можно было спуститься по дереву эволюции и дописать CSS (возможно, с использованием полифиллов), но не корёжить уже сформированный документ.

Answer 2

[Назар Мокринский]

Да, все актуальные браузеры поддерживают, правда приходится префиксы вендорные таскать.