Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2021 May 06

AG

Artur Gaziev in Верстка сайтов HTML/CSS/JS/PHP
поэтому тут блок это форма а инпуты элементы а врапперы хз что и как их обозвать
источник

AG

Artur Gaziev in Верстка сайтов HTML/CSS/JS/PHP
и там 10 таких врапперов
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
ты слишком буквально понимаешь пока что, надо немного практики мне кажется
источник

AG

Artur Gaziev in Верстка сайтов HTML/CSS/JS/PHP
я понимаю смысл что они хотят
источник

AG

Artur Gaziev in Верстка сайтов HTML/CSS/JS/PHP
есть блок который можно реюзнуть сразу с содержимым и это БЛОК
а есть элемент который является частью блока и реюзнуть его нельзя это ЭЛЕМЕНТ
и вот конкретный пример это форма и инпуты.
но вверстке еще есть доп элементы, врапперы, контейнеры, элементы для визуального оформления и их нельзя приписать ни к блокам ни к элементам
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
сложно без примеров, в общем врапперы это элементы чаще всего, но могут быть блоками вполне )
источник

AG

Artur Gaziev in Верстка сайтов HTML/CSS/JS/PHP
тогда это уже не БЭМ а залупа
источник

AG

Artur Gaziev in Верстка сайтов HTML/CSS/JS/PHP
могут так и могут сяк я и без БЭМ могу и так и сяк
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
я тоже морочился когда то, но в какой то момент понял как это работает, главная ошибка -- не пытаться копировать дом дерево
источник

AG

Artur Gaziev in Верстка сайтов HTML/CSS/JS/PHP
типа если по БЭМ верстать то блок это <section> а все врапперы внутри элементы
источник

AG

Artur Gaziev in Верстка сайтов HTML/CSS/JS/PHP
но если врапперов куча один хер они будут wrapper 1 wrapper 2 wrapper 3
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
ты смешиваешь в одну кучу семантику (section) и бэм, они не связаны прямо жестко
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
если у тебя три враппера одинаковых, три карточки например, то это уже блоки, сложно на пальцах, там целый форум с такими вопросами у них на сайте )
источник

AG

Artur Gaziev in Верстка сайтов HTML/CSS/JS/PHP
офигенно. методология которая должна была упростить понимание в итоге все усложнила и создала форум чтобы люди задавали свои вопросы там. бэм говно очередной вывод)) кароче я создал свой бэм.. буду элементы дизайна и верстки обозначать __design или ___layout а блоки и элементы как обычно
источник

AG

Artur Gaziev in Верстка сайтов HTML/CSS/JS/PHP
хню придумал конечно но я не знаю как их уже называть
источник

DS

Daniil 🦠 Simushkin... in Верстка сайтов HTML/CSS/JS/PHP
tailwindcss для тех, кто не может придумать названия классам)
источник

v

va1 in Верстка сайтов HTML/CSS/JS/PHP
Или atomic css
источник

AG

Artur Gaziev in Верстка сайтов HTML/CSS/JS/PHP
Это все библиотеки
источник

S

Sticher78 in Верстка сайтов HTML/CSS/JS/PHP
а самый прикол в том, что блоки в названиях которых нижнее подчеркивание выделяются одним кликом, а вот с тире такая тема не прокатывает и приходится мышкой выделять и лишние телодвижения нах не уперлись
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
с двойным наверное не выделяются --
источник