[resume] CSS Métodologia BEM

Buscando um padrão para a criação de Classes em CSS

A Sigla BEM significa: Block, Element, Modifier e segue essas propriedades para definir uma nova metodologia de criação de nomes para classes para que elas sejam consistentes, isoladas e expressivas.

Estrutura de classes utilizando o método BEM:

.element
.element__children
.element__children — is-active

A idéia desta métodologia é Padronizar as classes em CSS e fazer com que os desenvolvedores que venham a dar manutenção no código possa entender mais rapidamente o papel de cada classe.

Eu, particulamente estou utilizando este padrão em todos os projetos que desenvolvo, e depois que começei a utilizar ficou bem mais simples e legível o código CSS.

O contra é que em alguns desenvolvedores consideram que o nome das classes ficam ‘‘feias’’ ou extensas demais.

Um bom exemplo de framework que utiliza o método BEM é o Material Design da Google

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.