Gregory
23.04.2017
10:53:44
у бутстрапа есть недостатки из-за того что он не на бэм. Нельзя использовать некоторые классы, потому что на них завязан функционал. А в бем можно иметь куча элементов с классом __item
header__item
list__item
card__item
и так далее. Имя блока это как было выше подмеченно пространство имен, объявил новый блок и можешь использовать те же имена что и в другом блоке.
В БЭМ даже существуют готовые варианты имен модификаторов. Типа _active, всегда понятно что этот модификатор делает активным элемент
Евгений
23.04.2017
10:56:06
Коллеги, кто-нить работал с геокодером яндекса? Почему, когда ограничиваешь строго область поиска координатами, он не сразу возвращает нужный результат? ну т.е. по 3 буквам, например, не возвращает варианты возможные, а по 6 возвращает уже. Причем такая ситуация не наблюдается в противном случае.
Dima
23.04.2017
10:58:23
Google
KarmaBot
23.04.2017
10:58:24
Спасибо (+1) для @GriNAME принято!
Текущая карма +44
Gregory
23.04.2017
11:01:15
Но без практики сложно оценить БЭМ. Совет если хочешь его понять, выбери проект (пусть даже учебный) страницы на 3-4 где будет много однотипных элементов и верстай. К примеру в сущности сразу советую выносить кнопки, инпуты, карточки, меню, списки. БЭМ сущности это блог с элементами и модификаторами
Затем если тебе нужно например в хедере сделать меню, но меню у тебя идет самостоятельной единицей, то есть БЭМ сущностью. Чтобы спозиционировать меню в нужном месте задаешь ему два класса
.menu - это класс блок
.header__menu - это класс элемент относительно хедера. И с помощью этого класса размещаешь меню в нужном месте хедера. А уже все остальные внутренние изменения меню начинает идти от класса .menu
Dima
23.04.2017
11:09:48
KarmaBot
23.04.2017
11:09:49
Спасибо (+1) для @GriNAME принято!
Текущая карма +45
Konstantin
23.04.2017
11:23:22
Evgeny
23.04.2017
11:54:51
Но все равно появляется проблема с именами у бема, назвал ты меню top_menu, а потом тебе нужно это блок использовать в футуре
и что делать?
Gregory
23.04.2017
12:12:27
а что значит top_menu? По имени поучается какой-то блок top с модификатором _menu
Уже неправильная работа с БЭМ и последующие трудности
вот я скрин показывал
Google
Dan
23.04.2017
12:15:16
Коллеги, сейчас тут готовим материал. Хотел узнать, о чём сейчас вам было бы интересно узнать? Какие технологии интересны и актуальны для вас? На что сделать упор? Сейчас готовим материалы по темам фронтенда, машинному обучению, тенденциям и немного по инфобезу
Gregory
23.04.2017
12:16:52
БЭМ, Angular, Vue, Pug
Dan
23.04.2017
12:18:10
Angular как раз четвёртый вышел несколько недель назад, по нему обязательно будет материал. БЭМ еще актуален? Надо будет изучить вопрос
Gregory
23.04.2017
12:18:38
БЭМ только набирает обороты)
Dan
23.04.2017
12:22:42
это хорошо. поищем материалы свежие по БЭМу, спасибо
KarmaBot
23.04.2017
12:22:42
@hitmaker в этом чате принято отвечать (reply) на сообщение пользователя, чтобы его поблагодарить.
Konstantin
23.04.2017
12:27:13
Vitaliy
23.04.2017
12:29:22
Dan
23.04.2017
12:29:50
KarmaBot
23.04.2017
12:29:51
@hitmaker я всегда к твоим услугам.
Dan
23.04.2017
12:30:23
Vitaliy
23.04.2017
12:31:34
вспомнил недавнюю картинку в твиттере. про webpack и react было, тоже здорово. что-то типа
0.12 - 0.13 - 0.14 - 15.0
0.1 - 0.2 - 2.5
Gregory
23.04.2017
12:32:32
четвертый ангуляр в начале весны вышел и с этой версии он теперь просто ангуляр
Vitaliy
23.04.2017
12:33:19
просто ангуляр - это как недавний просто iPad? :)
Gregory
23.04.2017
12:33:47
хз) с iPad'ами не знаком)
Vitaliy
23.04.2017
12:33:48
после всех этих iPad 1/2/3/4, iPad Air 1/2, The New iPad
Gregory
23.04.2017
12:36:01
не, ангуляр щас по принципу как версия браузера, это часть на которой никто не акцентирует внимание. Так как никто не скажет у меня хром 58, все скажут просто у меня хром. С ангуляром та же ситуация, версия имеет значение если нужно подчеркунть какие-то особенности версии при разработке, а так у все должна быть более-менее актуальная версия ангуляра
Vitaliy
23.04.2017
12:37:07
а, ого, т.е. они будут как-то провоцировать разработчиков всегда держать у себя самую актуальную версию фреймворка?
Gregory
23.04.2017
12:39:11
да думаю, но без напора. Теперь обещают делать переход с версии на версию практически без проблем. Не как когда 1 версия до 2 обновилась с никакой обратной совместимостью
Vitaliy
23.04.2017
12:39:38
В браузерах хорошо поддерживается обратная совместимость. И можно автоматически обновлять браузер до самой новой версии, не боясь, что внезапно рухнут какие-то расширения или закладки или пароли или куки. Интересно, как это реализуют в ангуляре и плагинах к нему
Google
Vitaliy
23.04.2017
12:40:31
Но если это войдет в тренд и подтянутся остальные - будет очень хорошо.
Gregory
23.04.2017
12:41:40
обещают именно так) а там посмотрим
Konstantin
23.04.2017
13:16:22
а как именно pug решает проблему с именами? Куда смотреть в спецификацию?
Gregory
23.04.2017
14:05:18
Дмитрий Maestro
23.04.2017
15:18:51
Vitaliy
23.04.2017
15:20:22
в rscss нет полноценных модификаторов для блоков
есть классы -foobar, которые как бы в их терминологии модификаторы
но на деле, если выходит микс вида .block1.block2.-active, то непонятно, чей это модификатор
и это сковывает
Дмитрий Maestro
23.04.2017
15:22:13
ну там вроде в доке описано что по идее не должно у вас такое оплучатся (
)
Vitaliy
23.04.2017
15:22:39
да, верно, там в доках синтетические примеры, и в них поэтому все прекрасно
Gregory
23.04.2017
15:24:08
Виталий а ты только именование классов БЭМ используешь или весь их набор инструментов и под каждую бем сущность создаешь папку а в ней и раметка и стили и скрипты и графика?
Vitaliy
23.04.2017
15:24:50
только именование. у меня рельсы (ruby on rails), инструменты яндекса в мой стек не вписываются
Gregory
23.04.2017
15:27:22
да вот тоже думаю как инструменты яндекса вписать в свой инструментарий. Пока только под каждую бэм сущность отдельный файл стилей создаю и отдельный файл разметки. Но на больших проектах не очень удобно. Придерживаться и сборки по БЭМ было бы хорошо. Но с удобной сборкой, а не постоянно дописывая новых путей, новые импорты и тд.
Изучить нормально инстументы сборки от яндекса все руки не доходят и желанием большим время тратить на это тоже не горю. Хотя очень бы хотелось быстро все организовать и радоваться)
Vitaliy
23.04.2017
15:30:27
Я чувствую, что их инструментами загоню себя в рамки, если попробую внедрить себе. Например, скрипты у меня написаны отдельно от блоков, и будут писаться отдельно. Допустим скрипты для инициализации select2 для селектов. БЭМ блоки там вида select2-container, select2-search, и еще штучек 7. А скрипт инициализации один
С ckeditor - что-то похожее. С половиной third-party js библиотек - что-то похожее. Значит хранить их в папках с блоками уже не выйдет - нет четких соответствий
Gregory
23.04.2017
15:31:41
ну не всю их практику забирать. Например под инпуты у меня отдельная сущность и js код тоже отдельный, с разными эффектами и валидацией
Vitaliy
23.04.2017
15:32:25
и с версткой то же самое. часто бывает, что использую блоки пересекающие другие блоки с третьими блоками в верстке. разнести это по отдельным паршиалам под каждый блок, и потом думать, как их совместить в итоговой верстке - неудобно
Google
Gregory
23.04.2017
15:33:49
хм ну пока таких проблем не возникало, пока что у меня блок это совершенно независимая единица верстки
А где такие проблемы возникали?
Vitaliy
23.04.2017
15:36:07
если нет новых сообщений - аватарка пользователя (элемент user-media блока - лежит сразу в media__aside
если сообщения есть - то в media-aside лежит дополнительный блок counter-overlay. и уже в нем лежит та же аватарка, и сам счетчик сообщений
Gregory
23.04.2017
15:42:01
а в чем разметка?
Vitaliy
23.04.2017
15:42:37
slim-lang.com
Gregory
23.04.2017
15:43:28
аналог Pug?
Vitaliy
23.04.2017
15:43:43
ага, рубишный
Gregory
23.04.2017
15:44:02
ясно) а то смотрю вроде как Pug но че-то не то)
Vitaliy
23.04.2017
15:45:27
языки-кузины. с мамой в лице haml
Igor
23.04.2017
17:08:06
Господа, какими плагинами пользуетесь для поставки видео бекграундом с вимео?
Alex
23.04.2017
17:49:28
Привет всем, я начинающий верстальщик. Вы тут обсуждали БЭМ. Правильно ли я пишу?
<div class="clothes-and-toys">
<div class="clothes-and-toys__item clothes">
<div class="clothes__img">
<img src="img/clothes_1.png">
</div>
</div>
</div>
Igor
23.04.2017
17:57:00
Вроде да
Gregory
23.04.2017
17:57:14
Да, все верно
Дмитрий Maestro
23.04.2017
17:58:22
тоесть для большого проекта все же бэм ?
Petr
23.04.2017
17:58:31
clothes__img главный родитель должен иметь класс clothes
Илья
23.04.2017
17:59:19
Gregory
23.04.2017
17:59:24
Илья
23.04.2017
17:59:24
с чего это
Google
Igor
23.04.2017
18:00:18
Если привыкаешь к нему, то сложно отвыкнуть. Как с препроцессорами)
Petr
23.04.2017
18:00:48
бэм это круто! я всегда сначала типографику настраиваю по макету, потом быстрее верстается!)
Дмитрий Maestro
23.04.2017
18:02:18
да блин эти длинные названия
Gregory
23.04.2017
18:03:46
Очень много людей не любит БЭМ по причине того что они не разобрались что это такое) я более 10 таких знаю, кто сначала были против, но после подобного объяснения они пользуются только им
Дмитрий Maestro
23.04.2017
18:04:30
ну я не говорю что я не люблю Гриш)
Gregory
23.04.2017
18:04:36
Плюс модульность
Дмитрий Maestro
23.04.2017
18:04:46
может просто не ковырял
нормально
Igor
23.04.2017
18:06:56
Блин, никто не пользуется что ль?
Господа, какими плагинами пользуетесь для поставки видео бекграундом с вимео?
Gregory
23.04.2017
18:07:30
Igor
23.04.2017
18:08:05
Я чет весь день гуглю — не найду нормального
Petr
23.04.2017
18:09:08
тег video
Roman
23.04.2017
18:19:00
Igor
23.04.2017
18:19:16
В ТЗ нужно с вимео
Roman
23.04.2017
18:19:29
Хер знает как там работает этот вимео
И что за формат файлов у них там и как стриминг делается
Dima
23.04.2017
19:03:16
интересно, а есть ли у jekyl какой-нибудь удобный редактор для удобного редактирования постов, ну и создания файлов по шаблону?
Gregory
23.04.2017
19:21:25
попробуй редактор VS Code и к нему плагин vscode-jekyll