Используете ли вы флексбокс сетку в своих проектах?

Question

[Islam Ibakaev]

Если да, то можете показать пример вашей работы?
Если не используете из-за того, что нужна поддержка ie < 10, то почему бы не использовать комбинацию флексбокс сетка + flexibility?
Если проблема не в поддержке ie < 10, то что вас останавливает от перехода на флексбокс?

Если перейти с обычной сетки (foundation 6) на флексбокс сетку, которую они предоставляют и добавить flexibility в качестве подстраховки, будет ли такой переход равноценным?

Comments

[Neyury]

Я использую flexbox везде, где нет необходимости в поддержке IE, а для IE 11 (и может младших версий) использую скрипт, проверяющий браузер, и если это ie, делаю фиксы для элементов, которые нарушают взаимодействие с контентом

Answer 1

[dom1n1k]

почему бы не использовать комбинацию флексбокс сетка + flexibility?

А вот за это я бы отбивал руки. Категорически нельзя завязывать лейаут на JS. Это медленно, это бажно, это... это медленно!

Если человек сидит на старом IE (сам по себе очень медленный браузер), то у него с высокой степенью вероятности и компьютер слабый. Далее, у них скорее всего не установлены адблокеры - это ещё куча тормозов. Уж если вы по каким-то причинам решили, что эти пользователи вам нужны - зачем над ними издеваться?
Тут блин на мощном ПК с самым последним браузером порой раздражаешься оттого, что какая-то прилипающая панелька лагает... А если весь-весь лейаут будет отрисовываться JS в IE - это вешалка.

Я помню времена, когда CSS3 (скругления, тени, градиенты...) только недавно вышел и естественно IE этого ничего не поддерживал. Довольно быстро сообщество наплодило вагон полифилов для этого дела. Были и маленькие, под одну функцию, были и целые пакеты.
Так вот: они нормально работали только в демках и простеньких случаях. В реальных сложных сайтах пользоваться было невозможно - всё дико тормозило, да и глючило. Нельзя IE чрезмерно нагружать тем, на что он не предназначен.

Degradation должна быть gracefull, а не lazy.

Answer 2

[Максим Тимофеев]

caniuse.com/#search=flex
Как видите дело не только в IE, хотя как по мне пусть горят в аду те кто его использует.

Comments

[Егор Живагин]

Дело не только в IE а ещё и в стандартном браузере андроида 4.3? ))

[Hyubert]

Егор Живагин: с префиксами будет работать везде, только с IE ниже 10 проблемы и Opera mobile 12

общая поддержка flexbox 97.5% что значит можете спокойно его использовать

[Максим Тимофеев]

Егор Живагин: При чем тут ie? Речь же не о браузере, а о покрытии пользователей. А покрытие при условии использования префиксов -84.14%. Потеря 15% пользователей. При чем если в случае с каким-нибудь border-radius это не повлияет никак на сетку, то с flex - 'nj 15% пользователей увидят жопу вместо сайта.

[Егор Живагин]

Максим Тимофеев:
Global
82.91% + 14.6% = 97.5%
unprefixed:
82.11% + 3.97% = 86.07%

Т.е. покрытие с префиксами составляет 97%, но это, как я понимаю, по поддержке браузерами. Хорошо...
IE 10-11 с префиксами поддерживает всё неплохо, жопы нет. У UC Browser и android 4.3 нет поддержки wrap, но это вполне можно обойти фоллбэк-ом, остальные плюшки, которые были в старой версии флексов, нормально работают с префиксами.

[Егор Живагин]

Максим Тимофеев: ну да ладно, чё тут холиварить, тема изъезжена)

[Алексей Бурлака]

Максим Тимофеев: У вас в подписи раньше было "ищу верстальщика", а сейчас "ищу Ждуна". Я всё стесняюсь спросить — кто такой Ждун? =)

[Максим Тимофеев]

Алексей Бурлака: ДЖУН (junior) градация уС верстальщиками в итоге перебор, а вот джун по yii нужен. Иногда есть задачи простые и рутинные, готов делиться деньгами, так как со временем меня напряг последнее время.

[Максим Тимофеев]

Егор Живагин: Вы про Global я про РФ. И смотреть надо не по 97 а по 82.91, так как 14.6 это частичная поддержка. И это не по браузерам,а по людям. Грубо говоря процент людей, учитывая браузер и ОС, которые увидят нормально. Глобально это 82.91% + 14% с возможными глюками, остальные используют условия не поддерживающие flex. В РФ там ситуация хуже. Поэтому и холивары. Так как для кого-то это достаточно, для кого-то нет. Я не хочу давать однозначный ответ, так как нет критерия четкого.

[Алексей Бурлака]

Максим Тимофеев: Я к тому, что у вас написано (Ж)дун а не (Д)жун

[Максим Тимофеев]

Алексей Бурлака: )))) спасибо. И много кто стучался по поводу и никто не сказал. Видимо одни
ждуны стучали.

[Алексей Бурлака]

Максим Тимофеев: Старая пословица так и гласит, кстати: «От ждуна Джуна не ждут»

[Максим Тимофеев]

Алексей Бурлака: ))))))))))