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 🎨

O que NÃO fazer de jeito nenhum

Pelamor, né, gente 🙅🏼‍♀️

PreviousSass

Last updated 6 years ago

Para finalizar aqui só vão mais algumas considerações sobre o que NÃO FAZER DE JEITO NENHUM enquanto estiver escrevendo seu código CSS.

  • Se você acabou de entrar no time de um projeto já em andamento, tire um tempo para conversar com o time sobre como o desenvolvimento está sendo feito e mais um tempo para estudar o código.

  • Em projetos muito grandes, tome bastante cuidado com classes e elementos que são utilizados em diversas partes do código para diferentes propósitos. Essa é uma prática muito ruim, mas em projetos já existentes não há muito o quê fazer... apenas ter muito cuidado e atenção. Na dúvida, crie sua própria classe -- mas antes garanta que uma regra com as mesmas propriedades não exista ainda (lembra do ?)

  • Evite o uso de espaçamento negativo (você realmente precisa daquela margin-right: -12px?). Confira o seu código e garanta que não haja problemas em sua estrutura.

  • Prefira mover os seus elementos utilizando translate ao invés de position. !

  • Quando estiver utilizando um pré-processador CSS, tire um tempo para estudar a documentação. Se não fizer isso, você pode estar perdendo tempo e não aproveitando todo o potencial que esses pré-processadores podem oferecer.

Conteúdo extra

Saiba mais
Desafios práticos de performance Web
Why moving elements with translate() is better
Sass - Documentação
Stylus - Documentação
DRY