Sass e menos pré -processadores

Coca -Cola ou Pepsi, Mac ou PC, Marvel ou DC? Em todas as comunidades, há um debate sobre o qual é melhor. Para designers da web ou desenvolvedores, esse debate é sass ou menos.

Folhas de estilo sintaticamente impressionantes (SASS) e CSS mais magras (menos) são os pré -processadores CSS. São extensões especiais de folha de estilo que tornam o design mais fácil e eficiente. Tanto o SASS quanto menos compilam em folhas de estilo CSS para que os navegadores possam lê -los. Este é um passo necessário porque os navegadores modernos não conseguem ler .sass ou .menos tipos de arquivo.

Se você planeja estar no mundo do desenvolvimento da web, é uma boa ideia ser bem versada em um dos dois pré-processadores-se não os dois. Quando se trata disso, eles têm muitas semelhanças. Eles tornam a escrita CSS mais simples, mais orientada a objetos e mais agradável. No entanto, existem algumas diferenças importantes.

01 de 05

Sass está em Ruby enquanto menos está em JavaScript

Imagens de Shannon Fagan/Getty

Sass é baseado em Ruby e requer uma instalação de rubi. Isso não é grande coisa se você tiver um mac. No entanto, é uma instalação mais longa se você tiver uma máquina Windows.

Menos foi construído em Ruby, como Sass, mas foi portado para JavaScript. Para usar menos, você deve fazer upload dos arquivos JavaScript aplicável ao seu servidor ou compilar as folhas CSS através de um compilador offline.

02 de 05

Para atribuir variáveis, Sass usa '$' enquanto menos usa '@'

  Luis Alvarez/Getty Images

Tanto o SASS quanto menos usam caracteres especializados para atribuir variáveis. Isso faz parte do benefício de usar esses pré -processadores. Você não precisa continuar inserindo as especificações sempre que deseja atribuir variáveis. Em vez disso, você pode simplesmente entrar no personagem.

Em Sass, é o sinal de dólar ($). Em menos, é o símbolo "at" (@). A única desvantagem por menos é que existem alguns seletores CSS existentes que já usam @. Essa complicação pode endurecer a curva de aprendizado um pouco.

03 de 05

Sass tem bússola enquanto menos tem pré -boot

  Imagens de Caiaimage/Gertty

SASS e menos têm extensões disponíveis para integrar mixins (a capacidade de armazenar e compartilhar declarações de CSS em todo um site).

Sass usa a Compass for Mixins, que inclui todas as opções disponíveis com atualizações para suporte futuro.

Menos tem pré -boot.menos, menos mixins, menos elementos, GS e sem moldura. O suporte de software de Less é mais fragmentado que o SASS, resultando em muitas opções diferentes para extensões que podem nem todos funcionarem da mesma maneira. Para o seu projeto, pode ser necessário usar múltiplos (ou todos) das extensões listadas para replicar o desempenho da bússola.

04 de 05

Menos tem melhores mensagens de erro do que sass

  Razvan Chisu/Getty Images

Sass e menos foram testados quanto à sua capacidade de relatar erros na sintaxe. Menos tem mensagens de erro mais precisas nos testes-ele relatou o local correto do erro. Isso pode ser útil quando um erro de digitação está descarrilando o código. Menos mensagens de erro podem ajudá -lo a identificar rapidamente o problema.

05 de 05

Menos tem mais documentação fácil de usar do que sass

  Imagens de heróis/getty imagens 

Quanto menos documentação é visualmente atraente e mais fácil de seguir para usuários iniciantes. A documentação do SASS requer muito mais conhecimento base, ou frequentes referências cruzadas com um wiki durante a configuração.

Esse fato por si só pode pesar muito sobre as taxas de adoção de Sass ou menos.