Front-end chapter
  • Front-end chapter
  • Guia de boas práticas
    • Desenvolvendo com rapidez
    • Seguindo alguns princípios
    • Código limpo e bonito
    • Guias de estilo
    • HTML
    • CSS
    • JavaScript
    • SEO
    • Git
    • Turbinando os seus testes
  • CSS - Guia de estilo 🎨
    • Terminologia
    • Estilo de código
    • Acessando a DOM no JavaScript
    • Especificidade
    • OOCSS e BEM
    • Desenvolvimento responsivo
    • Sass
    • O que NÃO fazer de jeito nenhum
Powered by GitBook
On this page
  1. CSS - Guia de estilo 🎨

OOCSS e BEM

Porque às vezes é saudável seguir uns padrões de desenvolvimento 👯‍♀️

PreviousEspecificidadeNextDesenvolvimento responsivo

Last updated 6 years ago

Com o passar do tempo, foram disseminados diferentes padrões para a escrita de CSS. Os principais são OOCSS (CSS orientado a objetos) e BEM (bloco, elemento e modificador). Converse com o seu time e discuta sobre o uso de alguma dessas técnicas no desenvolvimento do seu projeto.

Leitura importante

OOCSS, SMACSS, BEM, DRY CSS: afinal, como escrever CSS?
OOCSS ou CSS do jeito certo
An Introduction To Object Oriented CSS (OOCSS)
Getting your head ’round BEM syntax
BEM 101