Насколько вы используете flexbox? Почему нет?

Question

[dk-web]

Не холивара ради.
caniuse.com/#feat=flexbox дает 95%.
Но все равно часто встречаются вопросы по центрированию, прежде всего, вертикальному выравниванию.
Каждый из известных способов имеет свои плюсы и минусы.

По большому счету все мои "проекты" не ориентированы во вне - там грубо говоря все просто - установи (обнови) браузер и работай спокойно.

Но есть два-три небольших проекта, которые ориентировочно пойдут в паблик не раньше марта-апреля 2016.

HTML5, CSS3, куча современных JS плагинов...
может стоит начать эти новые проекты полностью на flexbox-е? Какие подводные камни меня могут ожидать?
Почему в ноябре 2015 года не стоит использовать flexbox модель?

Answer 1

[Денис Инешин]

Если вы отказались от поддержки IE9, используйте смело. Но, в целом, флексбокс не дает ничего такого уж супер особенного, что бы оправдало его использование. Большинству достаточно хорошего грида от того же бутстрапа и хорошо продуманных media queries под все нужды.

Comments

[Сергей Протько]

Владислав Турчинский: что значит "отказ от грида"? Вы просто грид на flexbox будете использовать. По сути уменьшится количество CSS + можно делать весьма сложные штуки тривиальным способом.

[Сергей Протько]

Владислав Турчинский: а я про то что вы просто замените их на flexboxgrid.com

Можно и без сеток работать, вы же понимаете что они тут совсем на причем.

[dk-web]

Денис Инешин ie9 меня вообще мало волнует) и если глобально, то я просто задолбался с вертикальным выравниванием танцевать... это мой так сказать главный посыл к флексбоксу

Answer 2

[Zvezdocheteg]

Как по мне то с flex' oм можно работать уже сейчас, по крайне мере знакомиться, будущее за ним.

Flexbox собственно и был придуман для построения структуры сайта. И более простого манипулирования элементами структуры. С чем как мне кажется он справляется просто прекрасно ))
Использовал уже, пока ток на своих локальных проектах, был очень доволен . Да и с ним открыты просторы для экспериментов.

Да и в 4й версии бутстрапа будет добавлены полноценные фишки на Flexbox ( v4-alpha.getbootstrap.com/getting-started/flexbox ) . Что еще больше продвинет в массы flexbox модель.

Comments

[dk-web]

Отлично. Спасибо!

Answer 3

[Сергей Протько]

Использую повсеместно когда в требованиях к проекту пишут IE11+. Когда IE10+ - аккуратно но бывает использую. IE9 - боль и унижение, благо таких проектов да с какими-то сложными лэйаутами у меня уже нет.

Comments

[dk-web]

Сергей Протько спасибо, Сергей! значит буду погружаться в него. Для IE9 по идее можно просто совсем упрощенную версию положить с месседжем обновите браузер). Да и не мои это клиенты...

Answer 4

[Андрей Хохлов]

Не использу, так как в ТЗ как правило пишут ie9+ :(

Comments

[dk-web]

Андрей Хохлов аргумент. И как тогда выравниваете по центру - по вертикали? translate 50%?

[Андрей Хохлов]

dk-web: по ситуации. способов то не много

[Antony Bark]

dk-web: table-cell вполне альтернатива, в сложных случаях вполне работает добавочный inline-block с v-a:middle