Boa tarde a todos,
Gostaria de tirar uma dúvida a partir de um exemplo:
<span class="font-size12 padding20 bg-white float-right">xxx</span>Como podem ver, eu defini algumas classes que fazem coisas que se tornam um pouco repetitivas no meu dia a dia. A pergunta é: Isso é uma boa prática? Por ter diversas classes em um elemento pode haver perda de performance?
Obrigado
Oi Bruno,
Performance seria mais interessante voce atacar diminuindo as imagens ou minificando seus CSSs. A quantidade de classes se influenciar nao será nada perceptível para o usuário.
Se é algo mais para sua organizacao, que acha interessante, voce poderia usar um pre-processador para juntar essas diversas regras em uma só.
Isso acontece muito quando estamos utilizando algum framework tipo Bootstrap.
Basicamente a ideia é voce criar um elemento por exemplo SPAN representando data de postagem, e no CSS voce fala que a classe dataPostagem tem todas as regras que voce aplicaria sozinhas (padding20, bg-white, etc).
Aqui tem um post mostrando a ideia dos mixins.
Ja temos curso de Sass aqui na Alura que vai te dar uma boa base de como mexer com esse pre-processador que é o mais utilizado atualmente.
Espero ter ajudado e bons estudos,
Abcs!
Acabei de achar outro link bacana que cobre em partes o assunto, acabei de tuitar:
#CSS Utility Classes and "Separation of Concerns" https://t.co/dwJMciqaSP
— Natan Souza (@designernatan) 11 de agosto de 2017