
Evgeny
29.04.2016
12:03:41
а, мы ж ее переназначили с помощью flex-direction: column, все теперь понятно
теперь автоматически понятно почему этьо называется главной осью а не горизанталью и вертикалью

Gregory
29.04.2016
12:07:08
Еще видео уроки есть хорошие на ютубе
Щас ссыль дам.
Я просто заказ на flexbox верстаю, поэтому хорошо в них разобрался

Google

Gregory
29.04.2016
12:08:57
CSS: Flexbox: https://www.youtube.com/playlist?list=PLqHlAwsJRxAPs942EdJ1akeWpOg2yatiM

Evgeny
29.04.2016
12:21:23
мне уже на данном этапе флекс очень нравится

Gregory
29.04.2016
12:26:26
Мне это в списках особо понравилось и наглядно можно было увидеть большинство плюсов.
Для ul задал flex-direction: row и список уже горизонтальный
Хочешь чтобы он растянулся на всю ширину блока, добавил justify-content: space-between и все готово. Сжимаешь ширину и пункты списка адаптируются

Дмитрий Maestro
29.04.2016
12:28:20
да флекс силен

Gregory
29.04.2016
12:29:43
Сжал так что уже между словами мало пространства, через медиа запрос указал flex-direction: column
И список уже вертикально для мобильников. Надо чтобы слова прижались к правому краю, написал еще одно свойство и так далее

Evgeny
29.04.2016
12:32:40
а выпадающие списки то же работают, ну если менюху на флексах замутить ?

Gregory
29.04.2016
12:34:19
Через JS задаешь нужному меню onClick и просто меняешь display: none / flex
И будет тебе выпадающее

Evgeny
29.04.2016
12:35:14
еще моменть, этого в игре с лягушками небыло, нахрена нужен дисплей инлайн флекс?

Gregory
29.04.2016
12:35:51
Не помню, надо глянуть
Я щас не за компом, загугли

Google

Evgeny
29.04.2016
12:40:46
ок

Дмитрий Maestro
29.04.2016
12:40:53
ребят, оч надо ну прям горит по opencart инфа какая то мануал учебник
курс
вот по modx есть в инете инфа что и как

Evgeny
29.04.2016
12:41:14
гугли лучше

Дмитрий Maestro
29.04.2016
12:41:15
с opencartom беда прям

Gregory
29.04.2016
12:41:23
С опенкартом многоне нагуглишь

Evgeny
29.04.2016
12:41:43
может на яндексить можно?

Gregory
29.04.2016
12:42:17
под гуглить я имею ввиду искать, не важно каким поисковиком

Дмитрий Maestro
29.04.2016
12:42:37
та по опенкарту вобще инфы нет

Gregory
29.04.2016
12:50:03
то есть чтобы flex контект был как блок или как строка
не помню кто-то из группы мне советовал для фотошопа какой-то плагин или софтину, которая должна показывать CSS свойства для всех элементов макета
Знает кто?

Николай
29.04.2016
13:20:22
css hat
для фото png hat

Дмитрий Maestro
29.04.2016
13:27:24
avacode
посмотри
я фотошопом не пользуюсь при верстке

Gregory
29.04.2016
13:29:18

Google

Николай
29.04.2016
13:29:31
да не за что

Дмитрий Maestro
29.04.2016
13:29:43
я не рисую их
не шарю)

Gregory
29.04.2016
13:30:00
аа, ну понятно) не я и рисую и верстаю

Дмитрий Maestro
29.04.2016
13:30:03
хотя надо было бы обучится)
потому что на фрилансе частенько вижу
заказы потипу
разработать дизайн сверстать и посадить на cms

Gregory
29.04.2016
13:31:05
ну я это как одно целое воспринимаю, и тебе проще рисовать дизанй зная особенности верстки

Дмитрий Maestro
29.04.2016
13:31:24
ну да , я вот своем дизайнеру покуда обьяснил что такое бутстрап
и почему мне важно мать его 12 колонок )
чую заикнусь про флексы

Дмитрий Maestro
29.04.2016
13:31:58
он меня пошлет)

Gregory
29.04.2016
13:32:04
не с флексами в этом влане проще

Дмитрий Maestro
29.04.2016
13:32:14
ну да ты по сути не привязан к колонкам
рисуешь как хочешь

Gregory
29.04.2016
13:32:39
а для сеткок есть готовые psd с линиями, там сетки как надо размечены

Дмитрий Maestro
29.04.2016
13:32:58
не встречал
кинешь ?

Gregory
29.04.2016
13:33:09
просто давай эти psd дизайнерам и говори чтобы верстали в них. Щас найду

Google

Evgeny
29.04.2016
13:35:57
Ну а макеты как рисуешь?
макеты с выходом фотошопа серии CC 2015 удобно создавать в данном редакторе через "монтажные области"
сразу отрисовываешь макет на нужные разрешения

Gregory
29.04.2016
13:36:43
ну рисуешь то в фотошопе)

Evgeny
29.04.2016
13:39:17
не я про монтажные области малоли кому пригодится)
и про пространоство цвета sRGB тоже не мешало бы знать, что сним нужно работать

Дмитрий Maestro
29.04.2016
13:46:56
Пасиб гриш
Гриш*

Admin
ERROR: S client not available

Дмитрий Maestro
29.04.2016
14:33:19
зацените первую серьезную работу
правда без адаптивности еще но то дело наживное
modx.posh.pro

Anton
29.04.2016
14:34:35
клево, круто!!

Дмитрий Maestro
29.04.2016
14:36:47
спасибо, есть моменты правда которые я б переделал , но уже времени нет

Valery
29.04.2016
14:46:48

Дмитрий Maestro
29.04.2016
14:54:09
я ж написал что без адаптивности
то будет допиливаться там ничуть едет ) там прилично едет )

Pavel
29.04.2016
15:01:06
такс. какая у нас значит самая модная сетка нынче? на флексах которая?
а я вот где с адаптивностью воюю http://podolsk-reklama.ru/test/ уже неделю третью )
не нравится и все. то логотипы прятать приходится то еще что то
и для бутстрапа не хватает еще одного разрешения )

Google

Дмитрий Maestro
29.04.2016
15:06:41
Так допишите его сами Павел
Мне когда брекпоинта не хватает
Я сам его вписываю
Я имею ввиду не в сам бутстрап а у себя создайте брекпоинт , где допустим у вас ломается все
И танцуйте , я хз я самоучка мб это и не правильно но у меня работает )
Я вот еще задумываюсь над чем , что мешает использовать бутстрап и Флексы одновременно
)

Gregory
29.04.2016
15:39:53

Pavel
29.04.2016
15:42:19

Anton
29.04.2016
15:43:47
для xs там автоматом срабатывает ширина на 100% экрана, если явно не указывать

?<joe>
29.04.2016
15:56:06
Привет всем

Gregory
29.04.2016
15:56:14
Hi)

?<joe>
29.04.2016
15:56:19
Люди, кто кодепеном пользуется?
Как ты Грег?

Gregory
29.04.2016
15:56:39
Да неплохо) я пользуюсь

?<joe>
29.04.2016
15:57:05
А ты не замечал что в последнее время редактор немного глючит?
Когда открываю новый пэн там невозможно писать, курсор широкий