2
respostas

Design patterns CSS

Boa tarde pessoal uma duvida minha, estou quase finalizando o curso e estou com um projeto em mente e gostaria de saber qual a forma correta de organizar o CSS, o professor utiliza o padrão de separar cada pagina HTML com seu CSS isso e considerado em produção uma boa prática? Qual melhor forma de organizar o CSS melhorando o entendimento, legibilidade e fácil manutenção. aguardo vocês.

2 respostas

Olá Lucas!

Sim, é uma boa prática, mas temos outras ainda melhores.

A melhor forma de você organizar o CSS é utilizando o SASS.

Ele atinge tudo isso que você falou: Entendimento, Legibilidade e fácil manutenção.

O SASS é considerado um CSS com superpoderes, por isso vale a pena dar uma estudada!

Temos um curso na Alura sobre:

https://www.alura.com.br/curso-online-sass

Espero que tenha te ajudado!

Bons estudos! ^^

Oi, Lucas, tudo bem?

Há várias formas de organizar o CSS do seu projeto. Um deles é essa do instrutor. Por exemplo, o footer da página, ter o seu arquivo css. Ter todos os componentes do seu HTML estilizado num arquivo só pode dar muita dor de cabeça.

Eu tenho usado as técnicas do ITCSS(https://speakerdeck.com/dafed/managing-css-projects-with-itcss?slide=51) e o RSCSS (https://rscss.io/). O ITCSS é uma forma de organizar o css que tenta diminuir conflitos e deixando mais eficaz. E o RSCSS ajuda a você a pensar de forma mais clara o seu CSS na hora de escrever. O ITCSS organiza seu arquivo em pastas e o RSCSS na hora de escrever. Ambos são ideias, não são processadores, nem frames.

Os links que passei são em inglês mas tem muita publicação em português explicando como funciona.

Mas há outras formas de organizar, essa é uma das :}