Pré-processador CSS

Existem muitos pré-processadores CSS por aí, como Sass, Less, Stylus … embora sejam ótimos, o uso excessivo do pré-processador às vezes é uma coisa ruim.

1. Você não precisa

Por exemplo, se você está fazendo um site para um amigo ou um açougueiro local, não há razão para usar o pré-processador! É claro que eles economizam seu tempo, mas é um uso terrível dos recursos da Internet do usuário e uma perda de tempo.

2. Todas as funções estão disponíveis em Js

Quando você pensa sobre isso, todas as funções adicionais desses pré-processadores podem ser facilmente feitas em Js. Por exemplo, variáveis:

Menos :

@blue:blue;

Js :

var blue = 'blue';
document.getElementById('someId').style.background = blue;

A mesma regra se aplica a qualquer função adicional e se você fizer isso desta forma no js, ​​você pode alterar dinamicamente a variável simplesmente alterando o valor da variável!

Quando usá-los? :

Aqui está um truque inteligente: use o pré-processador para escrever seu css e, em seguida, simplesmente use um conversor para alterá-lo de volta para CSS. Este é o seu tempo seguro e também economize para o seu usuário um arquivo adicional para download!