Вечер добрый. Может быть, вопрос покажется странным, но в свете модных тенденций (flex и всё такое), как нынче принято верстать меню — по старинке, li'шками или дивами?

Особо без разницы, можно и ли, считаю

Например, главное меню, что идёт вверху сайта. Оно расположено горизонтально, и там несколько элементов.

Особо без разницы, можно и ли, считаю

Но тогда получается единый элемент — список, адаптивить его сложнее, или я не прав?

Можно изменять направление, сначала в строку, а на маленьких разрешениях в столбик.

Когда в столбик закрывается, открывается по клике на иконку меню.

Можно изменять направление, сначала в строку, а на маленьких разрешениях в столбик.

Это если display: flex и дивами, и применять флексовые фичи, потому что на том же бутстраповском меню у меня не получалось так

Это если display: flex и дивами, и применять флексовые фичи, потому что на том же бутстраповском меню у меня не получалось так

Нет. display inline-block - в строку display block в столбик

Нет. display inline-block - в строку display block в столбик

Всё, понял, спасибо.

http://codepen.io/bifot/pen/xRZdQO

Пожалуйста.

Нет. display inline-block - в строку display block в столбик

Но ведь проблема в том, что li'шке не скажешь justify-content: space-around, точнее, скажешь, но она не послушается :)

Можно поиграть с паддингами, а вообще смотря какой случай. Это индивидуально.

Ага, либо li с паддингами, либо див с флексами.

Див это что-то больше для меня, чем просто пункт)

Я образно)

http://bifot.ru/index У меня здесь вообще меню странно сделано)

http://bifot.ru/index У меня здесь вообще меню странно сделано)

Кинул в закладки)

Спасибо)

Там для новичков много полезного есть - про флекс, галп, джейд

Да, заметил. Галп недавно стал юзать, удобно, а смысла джейда не понимаю :)

Ну, понеслась)))

Смысл Jade (сейчас Pug) - в шаблонизации и сокращении лишнего кода, в миксинах и инклюдах.

Зря вы задели чувства специалиста по jade ))))

Ну как Илья накати ка им )

Друзья, мы начали разработку нового фреймворка включающего в себя адаптивную сетку с новым подходом в отличии от всех известных. Так же в планах сделать все элементы материал дизайна и использовать их при вёрстке. И разные JS библиотеки. Просьба поучаствовать в процессе, потестить, сказать чего вам не хватает и тд. Это первая бета, так что имейте в виду. Но она уже полностью готова для сознания адаптивной вёрстки. https://github.com/gmdjs/gmdjs

хм

ну а теперь обьясни как гитом пользоваться)

В доках все есть. Их еще буду дорабатывать, добавлять скриншоты с примерами, исправлять ошибки. Но в целом вся инфа там уже имеется

что-то я не пончл все равно про сетку)

опечатка в примере? fixed?

"Дочернии элементы" и там же, где параметр no убереть

Да, там я еще забыл про переменные написать. Что ширина отступов между колонками, количество колонок, брейкпоинты все это настраивается

там есть опечатки, это тестовая репа, пока на это можно не обращать внимание, а более детально осмотреть папку sass/grid/

в общем написание доков еще в процессе

сетку пробовать методом тыка)

Окей

на выходных гляну)

попробую

Доки доделаю. Скрины и примеры

процесс пошел)

Там уже сверстан пример, когда шаблон установите

Друзья, мы начали разработку нового фреймворка включающего в себя адаптивную сетку с новым подходом в отличии от всех известных. Так же в планах сделать все элементы материал дизайна и использовать их при вёрстке. И разные JS библиотеки. Просьба поучаствовать в процессе, потестить, сказать чего вам не хватает и тд. Это первая бета, так что имейте в виду. Но она уже полностью готова для сознания адаптивной вёрстки. https://github.com/gmdjs/gmdjs

Хм, интересно

Да, заметил. Галп недавно стал юзать, удобно, а смысла джейда не понимаю :)

Мне он тоже не очень нравится, но миксины это топ (Джейд). Без галпа вообще не представляю работу и без сасс

почему вертикальное выравнивания при уменьшении окна не срабатывает? http://codepen.io/dvector/pen/KNVoaK

все решил

спс

не за что

только не то все равно

при уменьшении окна текст спускается ниже секции

это не есть гуд

не хотелось бы в медиа прописывать маргины

?

?

ты с селектом разобрался?

+

и что сработало как я показал?

или своим способом?

Inconsistent indentation: 1 tab was used for indentation, but the rest of the document was indented using 2 spaces.

что за фигня

Inconsistent indentation: 1 tab was used for indentation, but the rest of the document was indented using 2 spaces.

в кодепене? )

ну

я просто удалил маргины и паддинги в боди

и норм стало )))

не стал разбираться короче (

ERROR: S client not available

короче

через position: absolute

и все

или flex

ну я еще способы поищу

align-items: flex-end;

.intro{ height: 600px; background: #42565e url(../img/bg.jpg) no-repeat; color: #f7fdfe; display: flex; align-items: flex-end; justify-content:center; }

можете подсказать, как сделать качественную гифку

для загрузки страницы

не помню как называются такие гифки

http://codepen.io/anon/pen/gLPejy

http://codepen.io/anon/pen/gLPejy

мне?

нет

мне

Ну я так-то знаком с флексами...

но все равно спасибо

и вообще, пора бы твоему начальству узнать, чем ты на работе занимаешься

?

и вообще, пора бы твоему начальству узнать, чем ты на работе занимаешься

Noooooooooooooooooooooooooo

ие 9 не понимает кодепен

Алексей, ты вкурсе что я осилил яндекс карты?

эх ща бы это отметить, но ска денег нет =(

иди показывай начальству, то что ты делал и требуй больше денег

я работаю не в студии

и вообще работа не связана с программированием

окей :D

Я живу в Узбекистане

Но гугл считает иначе

эх ща бы это отметить, но ска денег нет =(

ага.. быстрее бы зп.. сегодня даже на машине поехал