Naming things is hard. Tools that should help, like naming conventions, can cause confusion rather than clarity. The Block Element Modifier, or BEM, naming method has gained a lot of popularity, and with it has come misunderstanding, poor implementation, and frustration. Let’s explore some of these common hangups of BEM and make BEM an asset to your CSS. I’ll share the ways BEM has helped reshape my thinking and approach to CSS class naming, which makes naming things a lot easier.
What to expect:
- An explanation of BEM and reasons to use it
- Common hangups and tricks to understanding BEM better
- Details on how BEM has helped me get better at naming and organizing my CSS