These are chat archives for bem/talk

23rd
Jul 2014
Ruslan Zavacky
@RuslanZavacky
Jul 23 2014 13:13
Hey @veged, may I ask to check abstract BEM implementation - http://jsbin.com/famawate/3/edit is there any mistakes or differences from methodology itself?
Ruslan Zavacky
@RuslanZavacky
Jul 23 2014 13:55
also, is there real-life, open-source example of using BEM, that follows BEM principles?) Like "ideal" example. There are a lot of examples, but they are or outdated, or do not follow principles fully, like topcoat, looks good, but uses cascade where it shouldn't
Alexej Yaroshevich
@zxqfox
Jul 23 2014 14:36
@RuslanZavacky About your jsbin. I prefer to use price_type_article instead of price_article. Just to be concrete. All other is pretty fine
Sergey Berezhnoy
@veged
Jul 23 2014 14:53
@RuslanZavacky looks fine — I just fix some typos and mix of link article__link article__link_title (you should use class for elem AND for elem modifier as well)
Sergey Berezhnoy
@veged
Jul 23 2014 14:59

@RuslanZavacky there is no "ideal" in real life ;-) probably the best ones are on https://github.com/bem/https://github.com/bem/bem-site-engine https://github.com/bem/bem-components

speaking about closed source (but still available for web inspector ;-)) — http://yandex.ru/yandsearch?text=%D0%91%D0%AD%D0%9C http://yandex.ru/images/search?text=Maldives http://yandex.ru/video/search?text=Matrix

Ruslan Zavacky
@RuslanZavacky
Jul 23 2014 15:51
thx for answers ) 1 more question, is it ok to have classes like navleft, navright - left, right - this are not semantically correct and hard to reuse?
Sergey Berezhnoy
@veged
Jul 23 2014 16:04
@RuslanZavacky you are welcome ;-) it's really depends on cases — but usually I prefer to use more "semantic" than "physic" names, i. e. nav_main, nav_side (if it's possible and suited)
Yelena Jetpyspayeva
@mursya
Jul 23 2014 16:12
@RuslanZavacky I dont know, whether there are true-so-true BEM real life example, but there are projects grown outside of Yandex and writted by BEM community members that they use in their projects. Considering that BEM is a methodology that everyone can use according to their needs there are different outcomes. BEM team created and opensourced together with the methodology a lot of instruments and libraries that anyone can use, but how deep they use or write their own things is up to developers. As well there is no strong culture of opensourcing everything in CIS countries, and most of the companies that uses BEM keep in hidden. And considering the BEM is used a lot in huge projects, there are many of such projects. But there are opensourced things as well. Lets me give you a bunch of links to check (no special order applies, all done outside of BEM team and Yandex): https://github.com/apsavin/bnsf-project-stub https://github.com/apsavin/todo-list__bem https://github.com/apsavin/try-bem-online__back https://github.com/apsavin/try-bem-online__example https://github.com/verybigman/bem-on-rails https://github.com/verybigman/generator-bem https://github.com/verybigman/bem-ng https://github.com/verybigman/bem-protein https://github.com/voischev/bem-mail for email-lists https://github.com/voischev/bem-social in progress
@RuslanZavacky https://github.com/ololobus/bem-history by @ololobus
Alexander Savin
@apsavin
Jul 23 2014 16:21
Oh, I see links to try-bem-online in @mursya post. To be correct, https://github.com/apsavin/try-bem-online__back is not "bemish", but https://github.com/apsavin/try-bem-online__front is. (front end for http://try-bem-online.net.)
Yelena Jetpyspayeva
@mursya
Jul 23 2014 17:27
@apsavin :) thanks!