BEM (Block, Element, Modifier) is a methodology for determining a website’s nomenclature. It helps you create ideal, semantic markup and class names that provide designers, frontend, and backend programmers the same terms to communicate with one another. It helps achieve more organized, reusable, and maintainable code.
In this session we will explain the BEM methodology, how to identify blocks, elements, and modifiers, and our suggested, improved syntax. Then we will dive into tips and tricks of implementing this approach in a Drupal project including how to clean up markup, insert classes, and organize your theme