mursya / awesome-bem

Links, articles, layers for BEM

Awesome BEM

Tools, sites, articles about BEM (frontend development method)

Articles

• MindBEMding – getting your head ’round BEM syntax
• CSS guidelines
• BEM methodology for small projects

Tools

Template engines

• bemto - mixins for writing BEM-style code for Jade.
• beml - super simple HTML postprocessor to handle BEM.
• bh - declarative BEMJSON to HTML processor.

Build systems

• enb - build system with lots of bundled plugins and complex dependency system.
• gulp-bem - build helpers for working with layers, dependencies and blocks.
• gulp-bem-pack - pack JavaScript files with layers support.

Layers

These layers does not rely on building system you use. They often contain CSS files, that written in BEM methodology and templates to generate HTML.

• pure-base, pure-grids - Pure framework.
• bem-bootstrap - Bootstrap framework.

Sites

• bem.info - lots of articles and information about BEM in Yandex.