Стиль версти спасающий от запутанности?

Question

[global Error]

Каким правилам стоит придерживаться при верстки ( к примеру bootstrap или на чистом с psd... ) что бы избежать запутанности.
Часто бывает начиная проект уже в середине понимаешь что многие стили повторяется и приходиться оптимизировать CSS код, тратить много времени?

Answer 1

[Zakaz_zakaz]

Странно, никогда такой проблемы не было – посмотри БЭМ действительно ( ту часть, как они стили пишут ). Про их остальные технологии лучше не читай – понапридумывали ...

Answer 2

[Никита Богомолов]

БЭМ

Comments

[Антон Нагаец]

каждому свое. Не люблю стиль именования по БЭМ т.к. он раздувает имена до невозможного. И порой ты тратишь время на переписку только имён классов. Придерживаюсь правила "Коротко но емко" Остальное можно теперь в CSS на псевдоэлементах сделать, чем делать кучу дивов с длинными именами классов.
2 примера решения одной задачи:
БЭМ codepen.io/dpismenny/pen/QNWZYj
Без БЭМ https://jsfiddle.net/gr1mm3r/smgersqc/5/

ИМХО в первом в классах и вложенности дивов можно слегка запутаться.

[global Error]

Антон Нагаец: Display flex уже не стремно использовать?

[Антон Нагаец]

global Error: caniuse.com/#search=flexbox как бы нет. Если правильно приготовить.

Answer 3

[Григорий]

Используй примешивания и человеческие названия классов (а не как в бэм), тогда и не запутаешься.

Comments

[Григорий]

БЭМ это издевательство над CSS