Eugene
:)))
Anonymous
@M_Boroda это твой урок на канале? https://www.youtube.com/channel/UCAiw_6UhgD_UhrA_FyIElcA
Eugene
Sergey
Alexander 🐯
Я не знаю что за махинацию ты там делаешь)
Almaz
Almaz
Неважно
Alexander 🐯
Попробу em(24)
Alexander 🐯
Вот, а говорил знаешь что такое em
Eugene
:))
🍅Ťомат
Добрый вечер, господа. Я, наверное, уже надоел своими нубскими вопросами, но - а реально ли писать морду компонентами без сборщиков? Просто html+css+js на морде, пых на бэке.
🍅Ťомат
Типа как Bootstrap, только со своим "Очком" и шмарами.
Pavel
Almaz
Типа как Bootstrap, только со своим "Очком" и шмарами.
Че то мне страшно от таких понятий
Pavel
+
Anonymous
Аа.. Значит не я один не понял чего он хотел
Виктория
Eugene
хз я все понял:)
🍅Ťомат
Простите, не совсем вас понял
Допустим, у меня есть форма. У нее конкретный стиль, конкретные поля-кнопки-события. И я такой БАЦ! - и <include>Form</include>
🍅Ťомат
И пошел дальше размечать
Anonymous
Anonymous
Ты про оформления или что?
🍅Ťомат
Хотя у меня сейчас мозг немного плавится, я могу и хрень пороть.
🍅Ťомат
Момент.
Pavel
Допустим, у меня есть форма. У нее конкретный стиль, конкретные поля-кнопки-события. И я такой БАЦ! - и <include>Form</include>
Так вроде только с php можно сделать
🍅Ťомат
Так вроде только с php можно сделать
Вот на PHP оно у меня сейчас и написано) Я думал все на морду перетащить, чтоб PHP только данные отдавал.
Anonymous
Допустим, у меня есть форма. У нее конкретный стиль, конкретные поля-кнопки-события. И я такой БАЦ! - и <include>Form</include>
Обычно это делают на уровне препроцессинга. Шаблонизатор на php - тот же препроцессор
Anonymous
Можно и на js пропарсить страницу и сгенерировать, но это не совсем тру вей
Anonymous
Вот на PHP оно у меня сейчас и написано) Я думал все на морду перетащить, чтоб PHP только данные отдавал.
Оптимизация сайта за счет клиента?)
Anonymous
Шел 2017
🍅Ťомат
Оптимизация сайта за счет клиента?)
Не сколько оптимизация, сколь попытка отделить мух от котлет. Я ещё учусь же, еще столько граблей не погнуто...
Anonymous
Есть всякие шаблонизаторы, на jquery помню видел. Твою задачу решат
🍅Ťомат
EJS, например?
🍅Ťомат
ejs вроде сервер-сайд. Я имел в виду для клиентской стороны
Хорошо, попробую ещё раз в матчасть окунуться... Спасибо)
🍅Ťомат
https://pastebin.com/secZc9Jg На БЭМ похоже?
0xVoushi
Нет
🍅Ťомат
Идишки для JS
🍅Ťомат
Для БЭМ классы.
🍅Ťомат
А что, слово modal слишком сложно?
🍅Ťомат
modal window, что поделать.
🍅Ťомат
Блок modal, в нем элементы title, close, datepicker, поля ввода, label'ы и кнопки с модификаторами через - -
Eugene
https://habrahabr.ru/post/305548/ часто сюда смотрю
Миша
у тебя есть элементы блока modal, которые находятся вне блока
🍅Ťомат
Но без блока они не актуальны.
0xVoushi
А можно носом ткнуть, где неправ?
1) modal__wrapper с этого начинается у тебя весь код, это уже часть какого то блока, раз ты его оформляешь как элемент? если нет, то не правильно
2) modal__datepicker_wrapper через одно нижнее подчеркивание лучше не оформлять, многие могут подумать, что это модификатор, несмотря на то, что ниже ты оформляешь модификатор через --, но это же ниже
3) modal__datepicker это нарушает концепцию, потому что идет после modal__datepicker_wrapper и еще впрямо в нем содержится
4) modal__article-author - это вообще не понятно откуда идет
5) btn--submit модификаторы юзаются не просто так
Сергей
Вот это другой разговор. Спасибо, буду репу чесать.
также на frontender.info есть статейки по этой теме
🍅Ťомат
Мне, видимо, фантазии не хватило для названий)
Миша
2) Здесь все в порядке. Так можно делать.
5) Юзаются. Так можно делать.
Миша
2) wrapper это не модификатор. Нижнее подчеркивание, как разделитель для составного названия элемента, используется в версте самой спеки по бэм. Почему нет?
5) В спеке черным по белому написано, что модификатор может применятся как к элементу, так и к блоку. Почему нет?
0xVoushi
2) wrapper это не модификатор. Нижнее подчеркивание, как разделитель для составного названия элемента, используется в версте самой спеки по бэм. Почему нет?
5) В спеке черным по белому написано, что модификатор может применятся как к элементу, так и к блоку. Почему нет?
https://ru.bem.info/methodology/quick-start/#Модификатор
0xVoushi
черным по белому)
0xVoushi
2) wrapper это не модификатор. Нижнее подчеркивание, как разделитель для составного названия элемента, используется в версте самой спеки по бэм. Почему нет?
5) В спеке черным по белому написано, что модификатор может применятся как к элементу, так и к блоку. Почему нет?
2 - лучше будет юзать - разделитель
что бы не путать то, по какой методологии ты работаешь с BEM
0xVoushi
2) wrapper это не модификатор. Нижнее подчеркивание, как разделитель для составного названия элемента, используется в версте самой спеки по бэм. Почему нет?
5) В спеке черным по белому написано, что модификатор может применятся как к элементу, так и к блоку. Почему нет?
5 - у него тогда по спеке должны быть классы формата btn btn--submit, я об этом говорил
Миша
я сейчас смотрю спеку, там написано, что модификатор отделяется от элемента или блока вот так "_", а не вот так "--"
Миша
Имя модификатора отделяется от имени блока или элемента одним подчеркиванием (_).
Миша
я что-то не понял
Eugene
почему именно БЭМ?:)
Eugene
OOCSS, ACSS, BEM, SMACSS:)))
Миша
почему модификатор отделяется одни нижним подчеркиванием? давно так?
Eugene
https://acss.io/ вот это жесть:)
Eugene
<div class="Bgc(#0280ae.5) C(#fff) P(20px)">
Lorem ipsum
</div>
Eugene
альтернативы Бэм например
Eugene
писать css в html забавно выглядит
0xVoushi
я сейчас смотрю спеку, там написано, что модификатор отделяется от элемента или блока вот так "_", а не вот так "--"
https://ru.wikipedia.org/wiki/%D0%91%D0%AD%D0%9C#.D0.9F.D1.80.D0.B0.D0.B2.D0.B8.D0.BB.D0.B0_.D0.B8.D0.BC.D0.B5.D0.BD.D0.BE.D0.B2.D0.B0.D0.BD.D0.B8.D1.8F_.D0.91.D0.AD.D0.9C-.D0.BA.D0.BB.D0.B0.D1.81.D1.81.D0.BE.D0.B2_.D0.BE.D1.82_.D0.93.D0.B0.D1.80.D1.80.D0.B8_.D0.A0.D0.BE.D0.B1.D0.B5.D1.80.D1.82.D1.81.D0.B0
ты бы погуглил, в BEM можно по разному уметь, в том числе и в именования классов