На прошлой неделе [BBC рассказала][1], что для новой версии главной страницы использовала методологию БЭМ, разработанную в Яндексе. По такому случаю мы решили поднять материалы мастер-класса «[Разрабатываем сайт с нуля на полном стеке БЭМ-технологий][2]» и рассказать вам, как начать использовать полный стек БЭМ-технологий в своих проектах. ![][3] БЭМ упрощает разработку сайтов, которые нужно быстро создавать и долго поддерживать. Эту технологию используют во фронтенде почти всех сервисов Яндекса, и она уже успела обрасти множеством библиотек и инструментов, которыми мы хотим с вами поделиться. С обширным арсеналом БЭМ, со всей его модульностью и мощью, вам останется «всего-то» придумать идею и реализовать её. В статье мы расскажем, в чём преимущество вёрстки независимыми блоками и что такое уровни переопределения, познакомимся с готовыми библиотеками блоков и инструментами для автоматизации сборки. Покажем, как разные инструменты — например, [autoprefixer][4], css-препроцессор [Stylus][5] или модульная система [YModules][6] — упрощают жизнь разработчика и создают по-настоящему удобную платформу, если встроить их в процесс разработки по БЭМ. [Читать дальше →][7]

[1]: http://www.bbc.co.uk/blogs/internet/entries/47a96d23-ae04-444e-808f-678e6809765d
[2]: https://ru.bem.info/talks/bemup-moscow-2014/#Мастер-класс-Разрабатываем-сайт-с-нуля-на-полном-стеке-БЭМ-технологий--Жека-Константинов-Дима-Белицкий-Слава-Аристов
[3]: //habrastorage.org/files/682/ce4/f7b/682ce4f7b9504400a955f38f22c8dbcb.jpg
[4]: https://github.com/postcss/autoprefixer
[5]: http://learnboost.github.io/stylus/
[6]: https://ru.bem.info/tools/bem/modules/
[7]: http://habrahabr.ru/post/251075/#habracut