БЭМ для малых и средних проектов?

Question

[kid-programmer]

Недавно вышла статья на хабре про использование БЭМа, БЭМ-методология Яндекса на небольших проектах . Так вот, интересует ваше мнение по БЭМ ? Используете ли вы его, и если нет, то по какой методе вы организуете html, css для малых и средних проектов? А если да, то используете ли вы всякие штуки для генерации html и css или просто взяли метод именнование классов и структуру файлов и папок?
Сам ломаюсь и не могу себя убедить начать писать html не вручную, верстка среднего проекта не такая уж и морока, зачем все эти монстры на которые нужно тратить время, изучать или я не прав и это того стоит?

Answer 1

[Константин Китманов]

Если всю жизнь планируете сидеть на средних проектах — то можно, конечно, и без БЭМ, и без препроцессоров:)

Comments

[kid-programmer]

не ну Less использую, нужная вещь, но этот БЭМ, блин. Вы сами его используете со всеми bem-tools ?

[Константин Китманов]

@kid-programmer я-то вообще не верстаю, но коллеги мои используют — правда, только как соглашение.

[Константин Китманов]

@kid-programmer я хочу сказать, что в больших проектах непременно используется если БЭМ, так что-то похожее, и что надо развиваться.

[kid-programmer]

я это и имел ввиду, что как соглашение и скорее всего со своими правками бэм подходит - но, получается у каждого свой бэм?

[Константин Китманов]

@kid-programmer да, встречаются мелкие различия. Но основа одна и та же.

Answer 2

[Maksim Zverev]

Вот пример верстки выполненной на БЭМ для небольшого проекта https://github.com/alexbaumgertner/hunter-boat
Там можно проследить коммиты и оценить трудозатраты.

Лично я для себя из-за лени использую генераторы статичных сайтов, в частности middleman. Все равно, в основном заказчику на выходе надо отдать html/js/css/img в собранном виде, а какие там исходники его мало парят. Правда стараюсь соблюдать методологию БЭМ.

Возможно потом перейду на сам БЭМ когда будет не лень донастроить виртуалку (я работаю под Windows с нодой там есть проблемы).

Comments

[kid-programmer]

Спасибо большое за пример, интересно, а стена из json в файле catalog.bemjson.js написана руками?

[Maksim Zverev]

думаю что да )

Answer 3

[Константин Величко]

БЭМ очень крутая штука, подходит и для малых и средних проектов:
Очень большой шанс что придется что то переделывать
Стандартизация кода (т.е. половина разметки у же всегда есть нужно только покрасить в нужные цвета)
И не обязательно писать код на Бэмтулс, я например свой велосипед пилю github.com/Zoxon/gulp-front можно конечно и руками

И еще БЭМ это не про именование классов, хотя и про него тоже. Я сначала тоже думал что это только имена классов. БЭМ это про то как писать менее связанный и изолированный код.

Comments

[kid-programmer]

Ну кодом css и html сложно назвать, даже применив бэм, скорее разметка тегами.
"половина разметки у же всегда есть нужно только покрасить в нужные цвета" можете мне это пояснить, я просто не понимаю как можно сделать фреймфорк для html и css, когда под каждый проект совсем разные шаблоны.

[kid-programmer]

вот к примеру ваш "велосипед", у вас стоят переменные типа padding которые проставленны у разных классов и при создании нового проекта вы воставляете нужно значение, но ведь может понадобится для нового шаблона переопределить у разных элементов разный padding, тогда смысл в этом велосипеде?

[Константин Величко]

@kid-programmer пишите свой )) это мой и он мне нравится

[kid-programmer]

да я не про то хороший он или плохой, я про нужен ли он вообще? когда с каждым новым проектом совершенно новые правила и стили.

Answer 4

[Максим Гатилин]

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