Meta Refresh 2013

The design and engineering of user interface on the web

Maintainable frontend development with BEM

Submitted by Varvara Stepanova (@toivonen) on Dec 13, 2012

Section: Patterns Technical level: Intermediate Session type: Lecture Status: Confirmed & Scheduled


I am not sure for a section. I have chosen "Patterns", but maybe "Tooling also suits. BEM is very famous in Russia and the neighboring countries. But absolutely new for others. We have just started to share our technologies with English speaking developers. The topic is very promising. On one hand it is new for people of India. On the other hand the solution is already checked, many big companies in Russia use it inside. Giants Yandex, Mail.Ru, Rambler and many smaller companies as well. You can see video of presentation here (40 min). And, of course, it can be shorten or changed if your require this.


BEM is a methodology, a way of thinking when developing web interfaces. Besides, BEM is a toolkit to develop faster and better. And also BEM is a range of reusable code libraries. All of them are hosted on GitHub ( and are completely Open Source. Created by Yandex, a local search giant, BEM came to be a standard of developing frontend in Russia and the neighboring countries. This presentation is going to share with you our cutting edge technologies and methods to make web projects fast-to-develop, easy-to-maintain in the long run, write reusable code and build scalable teams.


I need to be able to show my presentation using my own computer (Macbook).

Speaker bio

I am a front-end developer working for Yandex since 2008. Now being a team-leader of development an UI framework (CSS/HTML/JavaScript + templates) for building Yandex-style sites, I'm also pushing some internal front-end technical solutions into Open Source.




  • Jitendra Vyas (@jitendravyas) 7 years ago

    I have seen this How different your new talk will be then this?

    • Varvara Stepanova (@toivonen) Proposer 7 years ago

      Jitendra, since we are constantly developing our tools, I’ll be speaking about cutting edge. For example, we have finished a reference about BEMHTML (JS-based template engine) in Russian, and I hope to have it translated into English till February. With this material I can explain features of it widely.
      Also, it depends on the time length I’ll be allowed to speak. I can shorten something or add historical perspective.
      Actually, I understand that it’s more interesting for the audience to hear and see something fresh and will do my best for it.

      • Jeremy Iglehart (@uberbuilder) 7 years ago


        If you need help sometime translating those documents and you’re in a crunch to get it done for the presentation, please feel free to reach out to me. Maybe I can help.


  • Jitendra Vyas (@jitendravyas) 7 years ago (edited 7 years ago)

    Varvara Stepanova, I read ( BEM tools only works well on MAC. is it true? Many developers in world use Windows too. Is it possible to take full advantage of BEM on Windows machine?

    • Varvara Stepanova (@toivonen) Proposer 7 years ago (edited 7 years ago)

      It is better to ask directly to the team developing bem tools via GitHub issue:
      As far as I know there are some attempts to make BEM tools applicable for Windows but they can be finished only by new contributors. Again, all the details should be asked from them.
      But what about me, I used to be a Windows user long before BEM tools era. That times when I needed something working only on Unix I used virtual machines. The same can be done in this case.

    • Jeremy Iglehart (@uberbuilder) 7 years ago

      You can always install Ubuntu on those windows computers :) That makes you closer to a Mac ;P

      Seriously now, I highly suggest that all front-end developers break down and just get a Mac - the vast majority of front-end development tools on the bleeding edge are all designed for Mac/Linux users - and now Windows is a far off trailing 3rd place and some projects will never be implemented properly in Windows.

      Just a thought.

Login to leave a comment