BEM for small and medium projects?

Question

css

Recently, an article was published on Habré about using BEM, Yandex's BEM methodology on small projects . So, are you interested in your opinion on BEM? Do you use it, and if not, what method do you use to organize html, css for small and medium projects? And if so, do you use all sorts of things to generate html and css, or just take the class naming method and the structure of files and folders?
I’m breaking down myself and I can’t convince myself to start writing html not by hand, layout of an average project is not such a hassle, why all these monsters that you need to spend time on, study or am I wrong and is it worth it?

Answer 1

If you plan to sit on medium-sized projects all your life, then you can, of course, without BEM and without preprocessors :)

Answer 2

Here is an example of BEM layout for a small project https://github.com/alexbaumgertner/hunter-boat
There you can track commits and estimate labor costs.
Personally, out of laziness, I use static site generators for myself, in particular middleman. Anyway, basically, the customer needs to give the assembled html/js/css/img at the output, and what source codes there are not enough for him. True, I try to follow the BEM methodology.
Perhaps later I will switch to BEM itself when I’m not too lazy to configure the virtual machine (I work under Windows with a node there are problems there).

Answer 3

BEM is a very cool thing, suitable for small and medium projects: There is
a very big chance that you will have to redo something
Code standardization (i.e. half of the markup is always there, you just need to paint it in the right colors)
And it is not necessary to write code in Bamtools, I for example, you can saw your bike github.com/Zoxon/gulp-front , of course, with your hands
. And BEM is not about class naming, although it is about it too. At first I also thought that these were only class names. BEM is about how to write less cohesive and isolated code.

Answer 4

На нашем блоге есть статья - КБЭМ - Контейнер, Блок, Элемент, Модификатор. Довольно подробненько описано)