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

Question

[Иван Соловьев]

Добрый вечер. Знаю что многие уже используют флексбоксы. Вы при верстке используете готовые сетки на их основе, или верстаете применяя флексбоксы в css. Если используете сетки то какие и почему именно их?

Answer 1

[Ivan Bogachev]

Вы при верстке используете готовые сетки на их основе

Использовал самописную на основе FlexboxGrid. Простая сетка, без излишеств, в 99% случаев ее достаточно.

или верстаете применяя флексбоксы в css

Недавно открыл для себя LostGrid - очень приятная вещь, советую посмотреть.

Answer 2

[Frel]

Bootstrap 4

Answer 3

[zooks]

Susy
https://www.smashingmagazine.com/2015/12/website-l...

Comments

[zooks]

Ergonomic Code: что 20%?

[zooks]

Ergonomic Code: вы по циферкам гадаете или реально пробовали верстать на flex? IE 11 поддерживает Flex, этого вполне достаточно. Есть некоторые проблемы в Safari, но просто не делайте Layout на Flex.
Позабавил коммент насчет Susy — бустрапщикам у нас одна дорога.

[zooks]

Ergonomic Code: человек, скажи, тебе префиксы сложно поставить? Лучше обвиним оппонента и съедем на тему китайских телефонов. Судя строкам "у этого чуда точно такая же совместимость как и flex/box, а то и хуже" не разбираетесь в теме именно вы и при этом не можете в препроцессоры. Просто попробуйте Flex на практике, прежде чем орать про поддержку только 80% устройств.

[Сергей Томинов]

Уважаемый Ergonomic Code, мы очень ценим Ваше мнение, однако прежде чем писать столь "разгромные" комментарии к ответам, потрудитесь пожалуйста прочитать изначальный вопрос — «Какие флексбокс сетки вы используете?», т.е. топикстартер изначально на *** вертел приведенные Вами 20% слоупоков.

А еще не очень понял Ваши нападки на Susy.
Susy не навязывает использование grid на основе flexbox. (если использовать стандартные миксины сетка будет строиться на основе предвычисленных атрибутов и float'ов)

Answer 4

[Александр Филиппенко]

Мне Foundation больше всего зашёл.

Answer 5

[Дамир Давлетов]

mdl

Answer 6

[Gregory Bass]

Мы с напарником используем свою сетку GMD.
https://gmdjs.github.io

PS: так как писалось все для себя, то доки до сих пор не найду время 'причесать'. Но планирую в ближайшее время и даже серию видеоуроков на ютуб

Comments

[Владимир Соломыкин]

А живые примеры где можно посмотреть?

Answer 7

[Александр Решетняк]

blueprintcss.io