Questions tagged [bem]

BEM is an abbreviation for Block-Element-Modifier. It's a convention for naming HTML DOM elements, CSS classes, JavaScript variables, and other web programming identifiers in a way that is easy to support and develop. It can be used for the individual development of a single website or for a large team working across multiple websites.

In some ways, BEM (bem.info, getbem.com) is similar to OOP. It's a way of describing reality in code, a range of patterns, and a way of thinking about program entities regardless of programming languages being used.

BEM principles are used to create a set of front-end development techniques and tools, that allows to build websites quickly and maintain them over a long time.

Learn more

436 questions
3
votes
1 answer

css transform() center positioning of a popup window issue

Found an interesting way to make centered popup window ( http://www.w3.org/Style/Examples/007/center ) in application. Simple and good looking in code ( http://jsfiddle.net/babaca/6rwL0v0c/22/ ). html
Super Babaca
  • 1,585
  • 2
  • 13
  • 15
3
votes
2 answers

BEM - How to handle intersection of blocks for grid and content

I thought about building a grid with a BEM-tree like this: grid grid__row grid__column-group grid__column There is also content like this teaser block teaser teaser__thumbnail teaser__headline teaser__body teaser__link If i like to display the…
Jens W
  • 188
  • 6
3
votes
1 answer

BEM element and block on the same DOM node

Is it correct to use element and block classnames on the same DOM node as in the example below?