Desenvolvedores da Web devem estar familiarizados com um ou ambos os pré-processadores
Coca-Cola ou Pepsi, Mac ou PC, Marvel ou DC? Em toda comunidade, há um debate sobre qual é o melhor. Para web designers ou desenvolvedores, esse debate é Sass ou Less.
O que são Sass e LESS?
Syntactically Awesome Stylesheets (Sass) e Leaner CSS (LESS) são ambos pré-processadores de CSS. São extensões de folha de estilo especiais que tornam o design mais fácil e eficiente. Tanto o Sass quanto o LESS são compilados em folhas de estilo CSS para que os navegadores possam lê-los, o que é uma etapa necessária, pois os navegadores modernos não podem ler os tipos de arquivo .sass ou .less.
Se você planeja estar no mundo do desenvolvimento da web, é uma boa ideia ser bem versado em um dos dois pré-processadores - ou ambos .
Quando se trata disso, ambos são semelhantes. Eles tornam a escrita CSS mais simples, mais orientada a objetos e uma experiência mais agradável. No entanto, existem algumas diferenças fundamentais. Cinco deles estão listados aqui.
01 Sass está em Ruby. MENOS Está em JavaScript
O LESS foi construído em Ruby como o Sass, mas foi portado para o JavaScript. Para usar o LESS, você carrega os arquivos JavaScript aplicáveis em seu servidor ou compila as folhas CSS por meio de um compilador offline.
02 Para atribuir variáveis: Sass usa $; Menos usa @
Tanto Sass quanto LESS usam caracteres especializados para designar variáveis. Dessa forma, você não precisa continuar inserindo especificações. você pode simplesmente entrar no personagem.
No Sass, é o cifrão ($). Em LESS, é o símbolo em (@). A única desvantagem para o LESS é que existem alguns seletores de CSS existentes que já usam @, portanto, pode enrijecer um pouco a curva de aprendizado.
03 Sass tem bússola, menos tem pré-boot
Sass e LESS têm extensões disponíveis para integrar mixins (a capacidade de armazenar e compartilhar declarações de CSS em um site).
Sass tem Compass disponível para mixins, que inclui todas as opções disponíveis com atualizações para suporte futuro.
O LESS possui Preboot.less, LESS Mixins, LESS Elements, gs e Frameless. O suporte de software do LESS é mais fragmentado que o Sass, resultando em muitas opções diferentes para extensões que podem não funcionar da mesma maneira. Para o seu projeto, você pode precisar de todas as extensões listadas para obter um desempenho semelhante ao da Compass.
04 menos tem melhores mensagens de erro que o Sass
Tanto o Sass quanto o LESS foram testados quanto à capacidade de relatar erros na sintaxe. LESS tem mensagens de erro mais precisas nos testes em que informou a localização correta do erro.
Algo como isso poderia economizar um pouco de tempo suando em um erro de digitação.
05 LESS tem mais documentação amigável do que o Sass
A documentação do LESS é visualmente atraente e mais fácil de seguir para usuários iniciantes. A documentação do Sass tem muito mais de uma base de conhecimento ou configuração de wiki.
Este é um fato que pode ser importante para as taxas de adoção do Sass ou do LESS, já que é uma plataforma projetada para uso no design de sites.