Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   flex колонки (https://javascript.ru/forum/offtopic/44965-flex-kolonki.html)

l-liava-l 08.02.2014 21:07

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

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

kobezzza 08.02.2014 22:00

Цитата:

Сообщение от l-liava-l (Сообщение 296696)
Доброго времени суток!

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

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

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

Gozar 08.02.2014 22:52

Цитата:

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

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

l-liava-l 09.02.2014 23:47

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

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

Gozar 10.02.2014 00:01

Цитата:

Сообщение от l-liava-l
сафари 6.1

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

kobezzza 10.02.2014 08:05

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

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

PS: http://flexiejs.com/

l-liava-l 10.02.2014 18:05

Цитата:

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

В общем сверстал с помощью float.
Кстати кто занет как сделать
что=то похожее на
flex-wrap: wrap-reverse
?
Допустим есть два равноправных блока, расположенных горизонтально.
Если им не хватает места, то вниз уходит не правый блок, а левый.

l-liava-l 10.02.2014 18:12

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

kobezzza 10.02.2014 19:24

Цитата:

В моем случае это не рационально т.к делаю простенький сайтик, но шаблон резиновый + адаптация для мобилок.
Дык настроей файл вотчер в ИДЕ, а то ты так говоришь, что это что-то сложное :)

Цитата:

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

Цитата:

можно, но зачем?
Практика - лучший тренер.

l-liava-l 10.02.2014 21:22

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


Часовой пояс GMT +3, время: 00:26.