@WebProgrammingRu

Страница 555 из 556
 
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
у бутстрапа есть недостатки из-за того что он не на бэм. Нельзя использовать некоторые классы, потому что на них завязан функционал. А в бем можно иметь куча элементов с классом __item header__item list__item card__item и так далее. Имя блока это как было выше подмеченно пространство имен, объявил новый блок и можешь использовать те же имена что и в другом блоке.
Ну вот, теперь понемногу начинаю понимать суть этой методологии) Спасибо за развёрнутый ответ.

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
Затем если тебе нужно например в хедере сделать меню, но меню у тебя идет самостоятельной единицей, то есть БЭМ сущностью. Чтобы спозиционировать меню в нужном месте задаешь ему два класса .menu - это класс блок .header__menu - это класс элемент относительно хедера. И с помощью этого класса размещаешь меню в нужном месте хедера. А уже все остальные внутренние изменения меню начинает идти от класса .menu
Звучит понятно) Ещё раз спасибо! Да без практики никуда, конечно же... как раз хотел применить это всё на ближайшем проекте)

 
KarmaBot
23.04.2017
11:09:49
Спасибо (+1) для @GriNAME принято! Текущая карма +45

 
Konstantin
23.04.2017
11:23:22
вот пытаюсь найти хоть какие-то плюсы от использования БЭМ... Вот есть код: .block {} .block__elem1 {} .block__elem2 {} .block__elem3 {} и пишут мол block_ это что-то вроде пространства имён или контекста. Ок, ну а разве, не проще делать вот так в less или sass, где эти так называемые контексты и без того создаются вложенностью: .block { .elem1 {} .elem2 {} } и соответственно именовать классы в html-элементах по-другому. Или я чего-то не понимаю и надо изучать дальше? )
проблема БЭМа в безобразно длинных именах

 
Evgeny
23.04.2017
11:54:51
Но все равно появляется проблема с именами у бема, назвал ты меню top_menu, а потом тебе нужно это блок использовать в футуре

 
и что делать?

 
Gregory
23.04.2017
12:12:27
а что значит top_menu? По имени поучается какой-то блок top с модификатором _menu

 
Уже неправильная работа с БЭМ и последующие трудности

 
проблема БЭМа в безобразно длинных именах
Pug решает эту проблему

 
вот я скрин показывал

 
Но все равно появляется проблема с именами у бема, назвал ты меню top_menu, а потом тебе нужно это блок использовать в футуре
создаешь блок menu и с помощью модификторов используешь его и в футере и в хедере и в блоке aside и еще где угодно, никаки проблем. Внешний вид меняешь модификаторами

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
Pug решает эту проблему
возможно, я с этим не работал... еще пока

 
Vitaliy
23.04.2017
12:29:22
Angular как раз четвёртый вышел несколько недель назад, по нему обязательно будет материал. БЭМ еще актуален? Надо будет изучить вопрос
херасе о_О уже четвертый?

 
Dan
23.04.2017
12:29:50
@hitmaker в этом чате принято отвечать (reply) на сообщение пользователя, чтобы его поблагодарить.
Спасибо

 
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
а как именно pug решает проблему с именами? Куда смотреть в спецификацию?
вот эту библиотеку подключи в корневом pug файле в начале тега body а дальше уже вся разметка https://github.com/kizu/bemto

 
Дмитрий Maestro
23.04.2017
15:18:51
да БЭМ супер выход и лучше просто нет) уже не раз бывало в одном проекте сделаю кусок верски удачно, потом просто переношу sass файл этого блока в новый проект и все готово) А когмно много однотипных элементов то их стилизовать одно удовольствие))
а ращве rscss не позволяет ? это же делать ?

 
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
ага, рубишный

Admin


 
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
clothes__img главный родитель должен иметь класс clothes
?

 
Gregory
23.04.2017
17:59:24
тоесть для большого проекта все же бэм ?
Для любого проекта БЭМ)

Google
 
Илья
23.04.2017
17:59:24
с чего это

 
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 таких знаю, кто сначала были против, но после подобного объяснения они пользуются только им

 
да блин эти длинные названия
Pug + bemto и никаких длинных названий)

 
Дмитрий 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
Я чет весь день гуглю — не найду нормального
Обязательно с вимео? Со своего сайта мп4 не пойдёт?

 
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

Страница 555 из 556