
KarmaBot
10.02.2017
07:46:24
Спасибо (+1) для @GriNAME принято!
Текущая карма +18

Gregory
10.02.2017
08:08:09
Кстати с БЭМ знаком?

Mister
10.02.2017
08:10:10
Да. Вобщем тут не с цветом (это я перепутал) а другая проблема все равно есть. Смотри, у меня есть темплейт, там инклюд футер. И этот темплейт я делаю экстенд к каждой странице. То есть в паг на разных страницах никак не дописать класс или модификатор.

Google

Mister
10.02.2017
08:11:38
И выход из этого на каждой странице написать footer.page-footer и в него инклюд оставшегося футера. А из самого темплейт я бурал футер.

Gregory
10.02.2017
08:12:19
хм.. своеобразный подход)

Mister
10.02.2017
08:12:22
И у класса .page-footer будут общие классы + к каждой страние дописываю свой класс
То есть так footer.page-footer.my-works__page-footer

Welcome Bot
10.02.2017
08:12:46
Привет Kirill, добро пожаловать в группу. В нашем чате принято рассказывать о себе. Чем вы занимаетесь? Чего вы ожидаете от этой группы?

Mister
10.02.2017
08:14:16
хм.. своеобразный подход)
а другого я и не знаю ) предлагали миксином, но мне кажется это не очен. + в нем есть миксины и не знаю будет ли так работать.

Gregory
10.02.2017
08:15:18
Миксины очень крутая штука. Ты в миксин можешь положить несколько вариантов верстки и аргументом эти варианты "переключать"
можешь даже два аргумента сделать и вторым аргументом для одного варианта верстки менять набор классов

Welcome Bot
10.02.2017
08:18:21
Привет Oleg, добро пожаловать в группу. В нашем чате принято рассказывать о себе. Чем вы занимаетесь? Чего вы ожидаете от этой группы?

Mister
10.02.2017
08:18:47
да и по урокам я так понял надо такие большие блоки инклюдить или если можно вообще в темплейт

Gregory
10.02.2017
08:21:58
Дык это не проблема. Вот смотри, пытаясь подсказать решение по твоему подходу у тебя есть 3 варианта футера (к примеру) с миксинами разными и тд. Ты в миксин +footer() кладешь все эти три варианта верстки и для каждого варианта дублируешь их заменяя классы на что-то другое. А потом через миксин задаешь +footer(вариант верстки, стиль для этого варианта)
а вообще слишком сильно изварщаться над html не надо. Лишнее деление ни к чему. Максимум до какого дробления стоит доходить это блоки БЭМ.

Google

Gregory
10.02.2017
08:23:30
Вот к примеру у меня одно время были миксины для кнопко +button(вариант оформления кнопки)
кнопка это полноценный блок, ее можно вынести в миксин. А вот футер в абсолютном больинстве один. Либо он меняется когда на сайте есть темы оформления, а это общие стили.
Короче если хочешь иметь полный контроль и супер модульность верстки то стоит обратить внимание на angular, vue, react и тд
У Pug более скромные задачи

Mister
10.02.2017
08:32:02
а для разных футеров у меня эллемент my-works__page-footer и about-me__page-footer. тоесть БЭМ )

Дмитрий Maestro
10.02.2017
08:36:17
учите не ванильный
учите мармеладный)

Gregory
10.02.2017
08:36:37

Mister
10.02.2017
08:37:07

Gregory
10.02.2017
08:37:31
если хочешь потом учить ангуляр, вью, реакт и другое, то на jQuery я бы не советовал тратить время
чистый JS последней версии. + TypeScript (по желанию)

Mister
10.02.2017
08:38:32

Gregory
10.02.2017
08:38:54
Понял) ну у каждого свой путь)

Mister
10.02.2017
08:40:21
учите мармеладный)
хорошо, поищу уроки по нему или доки :D о и еще кто то в чатах в интернете на вы разговаривает )

Дмитрий Maestro
10.02.2017
08:42:26
=)

Алексей
10.02.2017
09:22:29
Слушайте
есть меню

Google

Алексей
10.02.2017
09:22:43
у li стоит float: left
пункты лезут на 2 строку
как запретить?)

Kopyl
10.02.2017
09:23:12
Заливай и показывай

Алексей
10.02.2017
09:25:22
https://jsfiddle.net/js6L58oq/

Igor
10.02.2017
09:28:39
У тебя в одной лишке куча а. Так нужно?

Алексей
10.02.2017
09:29:24
ой
ну короче в каждой ли по ссылке)

Igor
10.02.2017
09:30:02
a { display: block }

Алексей
10.02.2017
09:30:06
https://jsfiddle.net/js6L58oq/1/
https://jsfiddle.net/js6L58oq/2/

Алексей
10.02.2017
09:30:46
суть не в этом
как супратить перенос)

Kopyl
10.02.2017
09:35:32
Не понял суть проблемы

Igor
10.02.2017
09:35:36
Не понял. Тебе нужно, чтобы каждый пункт на отдельной строчке был?

Kopyl
10.02.2017
09:35:41

Алексей
10.02.2017
09:36:52
http://joxi.ru/E2pekx7HED48AY
ну добавьте еще пару пунктов

Igor
10.02.2017
09:39:48
Ну доходит до края строки и переносится. Это логично. А как надо-то?

Google

Алексей
10.02.2017
09:40:10
чтобы не переносилось

Igor
10.02.2017
09:40:27
А куда девалось?

Алексей
10.02.2017
09:41:38
чтобы слова в ссылках переносились на 2 строку
https://jsfiddle.net/js6L58oq/3/

Vitaliy
10.02.2017
09:43:11
white-space: nowrap;
у ul

Admin
ERROR: S client not available

Vitaliy
10.02.2017
09:43:45

Алексей
10.02.2017
09:43:58
выше ссылка
тогда скролл

Vitaliy
10.02.2017
09:49:33
может быть флексами удастся
float: left блоки и display: inline-block блоки - нельзя заставить видеть контекст выше их самих. То есть нельзя им сказать, мол, если все айтемы не помещаются в одну строку - то в каких-то айтемах пусть переносятся слова
можно задать каждому айтему фиксированную ширину (например 100% / 5 айтемов = 20% на каждый), тогда айтем в пределах этой ширины уже сможет решать, переносить ему текст или нет

Welcome Bot
10.02.2017
10:01:17
Привет Artem, добро пожаловать в группу. В нашем чате принято рассказывать о себе. Чем вы занимаетесь? Чего вы ожидаете от этой группы?

Алексей
10.02.2017
10:10:51

Vitaliy
10.02.2017
10:11:03
ноуп, не работал с флексами

Mister
10.02.2017
10:21:44
не подскажешь как?
да хватит и того что просто задать display: flex; для ul https://jsfiddle.net/js6L58oq/6/ а вообше вот шпаргалка по флексу http://css-live.ru/articles-css/shpargalka-po-shpargalke-po-flexbox.html

Алексей
10.02.2017
10:22:09
Спасибо

KarmaBot
10.02.2017
10:22:09
@ в этом чате принято отвечать (reply) на сообщение пользователя, чтобы его поблагодарить.

Алексей
10.02.2017
10:22:11
буду разбираться

Google

Mister
10.02.2017
10:25:07
там все кратко, это я для меню тебе скинул. если что еще добавить надо. а если хочешь хорошо разобраться то вот можно статью почитать http://html5.by/blog/flexbox/ и вот учебная игра http://flexboxfroggy.com/

Welcome Bot
10.02.2017
10:54:15
Привет Nik, добро пожаловать в группу. В нашем чате принято рассказывать о себе. Чем вы занимаетесь? Чего вы ожидаете от этой группы?
Привет Denys, добро пожаловать в группу. В нашем чате принято рассказывать о себе. Чем вы занимаетесь? Чего вы ожидаете от этой группы?

Wyldstyle
10.02.2017
11:01:54
Воу уже members > 250 грац!!!

Дмитрий Maestro
10.02.2017
11:21:06
джсники и пхпшник
есть что то в джс которое работает как empty() на пхп ?

Mikhail
10.02.2017
11:22:27
можно же самому написать функцию

Константин
10.02.2017
11:22:57

Mikhail
10.02.2017
11:23:36
смотря что нужно, если просто проверить, не пуста ли переменная
то просто
if (value)
или if( typeof foo !== 'undefined' )

Константин
10.02.2017
11:24:17

Дмитрий Maestro
10.02.2017
11:24:19
смотри
это будет свойство обьекта

Mikhail
10.02.2017
11:24:29

Константин
10.02.2017
11:24:30
Но тут вопрос известен ли тип.

Дмитрий Maestro
10.02.2017
11:24:35
там может 0 быть или отличное от 0