flex колонки

[l-liava-l]

Доброго времени суток!

flex-direction: column

- классная штука, но не работает в сафари и ие.
Есть какие нибудь аналоги или хаки?

[kobezzza]

flex-direction: column

Усё работает в последних версиях (сам юзаю активно).
http://caniuse.com/#search=flex

Юзай Stylus + Nib для нормальной работы. Про полифилы для древних браузеров хз.

[Gozar]

Про полифилы для древних браузеров хз.

Деградируй в float. При подключении flex, float отменяется. В отсутствии flex, работает float.

[l-liava-l]

kobezzza,
Gozar,
В новых то работает... только вот мозила 26 почти у всех, а не 27 и тд (и у меня тоже). Там есть поддержка флексов, но не поддерживается flex-wrap.
в сафари 6.1 еще хуже все едет, он даже флексов не разбирает.
Я уж молчу о браузерах типо midori и rekonq

А на флексах так офигенно делать резиновые шаблоны, они божественны.
а хром кстати молодец

[Gozar]

сафари 6.1

Есть еще 5, 3 из живых. И ie всяких пачка. Бывает ...

[kobezzza]

l-liava-l, в ФФ и вебкитах флекс уже 100 лет как был, просто до формирования конечного стандарта было 2 других редакции, которые отличались синтаксисом и некоторыми возможностями/фичами/багами (т.е. тут одного -moz- и т.д. мало), поэтому я и говорю: юзай препроцессор, который сам за тебя подставит вместо стандартных свойств те, которые поддерживаются, например: Stylus + Nib.

А про остальных: задача определяет поддержку тех или иных браузеров, а не просто "почему бы не сделать".

PS: http://flexiejs.com/

[l-liava-l]

юзай препроцессор, который сам за тебя подставит вместо стандартных свойств те, которые поддерживаются, например: Stylus + Nib.

В моем случае это не рационально т.к делаю простенький сайтик, но шаблон резиновый + адаптация для мобилок.
Флексы конечно сильно все облегчают разработчику, но только для браузеров которые их поддерживают (без приставок и тд), ибо не круто давать пользователю кучу копипаста с приставками... можно, но зачем?
А на выходе тож самое получается (чисто визуально)

В общем сверстал с помощью float.
Кстати кто занет как сделать
что=то похожее на

flex-wrap: wrap-reverse

?
Допустим есть два равноправных блока, расположенных горизонтально.
Если им не хватает места, то вниз уходит не правый блок, а левый.

[l-liava-l]

Оу, все разобрался
поменять их местами в html и дать float: right;

[kobezzza]

В моем случае это не рационально т.к делаю простенький сайтик, но шаблон резиновый + адаптация для мобилок.

Дык настроей файл вотчер в ИДЕ, а то ты так говоришь, что это что-то сложное

ибо не круто давать пользователю кучу копипаста с приставками... можно, но зачем?

Какая разница что ты даёшь пользоватлю?) Если ты за лишний трафик переживаешь - то узнай одно слов GZIP.

можно, но зачем?

Практика - лучший тренер.

[l-liava-l]

kobezzza,
Ты такой хороший программист потому что извращенец
Хорошо поиграюсь с этим, но сначала нужно доделать и запустить