Existe uma maneira de compilar arquivos MENOS para CSS (para que todo navegador não precise)?

Estou pensando em usar LESS, mas me arrepio com a idéia de um navegador ter o JavaScript desativado e meu CSS não ser legível (e o site parecer horrível).

Além disso, ofende o engenheiro em mim forçar todos os navegadores a "compilarem" esse arquivo Less para .css quando poderíamos "compilar" uma vez toda vez que o modificássemos.

Sim. Você pode usar um aplicativo que compile automaticamente MENOS arquivos para CSS em sua máquina de desenvolvimento enquanto codifica. Em seguida, basta fazer o upload do arquivo CSS gerado para o servidor quando você terminar de desenvolver.

• Crunch! para Windows e Mac
• WinLess para Windows
• CodeKit para Mac

Eu uso o SimpLESS - arraste, solte, pronto.

LESS vem com um binário (lessc) que permite pré-compilar seus arquivos .less. Você o usa como tal:

 $ lessc styles.less > styles.css

Mas acho que a maioria das pessoas usa o comando lessc -wou lessc --watchpara recompilar a folha de estilo CSS automaticamente sempre que o arquivo LESS é atualizado. Você também pode ter lessc minify o CSS, por exemplo lessc -w -x.

Edit: Apenas para esclarecer, lessc vem com a instalação do servidor (ou seja, quando você instala menos através do gerenciador de pacotes node.js.). Mas você pode baixá-lo manualmente no GitHub .

lessc está localizado em /bin/lessc. Este é, naturalmente, um binário * nix (também deve trabalhar para Mac), mas não é um binário do Windows ( lessc.exe ) com base na dotless, que é um outro compilador do Windows menos.

Atualização: use less-watchpara compilar automaticamente.

Como alternativa, muitos desenvolvedores hoje em dia usam executores de tarefas como gruntpara lidar com a automação de compilação (compilação, minificação, teste etc.). Usando grunt-contrib-watch, grunt-contrib-lesse grunt-contrib-livereload, você pode realmente agilizar seu fluxo de trabalho de desenvolvimento.

Por exemplo, se você usa o yoandaime para o seu novo projeto da Web, ele é pré-configurado para observar os arquivos LESS / CSS / JS / HTML quanto a alterações e recompilar as partes necessárias do seu projeto, quando necessário. Basta executar grunt servee você estará pronto para codificar sem ter que se preocupar em compilar manualmente (LESS / SASS / CoffeeScript) / minificar / concatenar seu código ou atualizar seu navegador manualmente como um homem das cavernas ...

Existem várias opções para compilar MENOS em CSS no servidor, e a que você escolher provavelmente dependerá do que você usar no restante do site.

• Se você usar o node.js, o lesscss original fará o trabalho.
• Se você usa PHP, lessphp . Ele tem uma API um pouco ruim quando se trata de passar variáveis ​​do PHP, mas faz o trabalho.
• Se você usa Ruby, o SASS não é LESS, mas é tão parecido que, quando mudei de SASS (projeto pessoal) para LESS (um projeto PHP no trabalho), não notei outras diferenças além da extensão do arquivo. Também possui uma biblioteca útil de mixins - COMPASS . Não tentei usá-los com menos, mas espero que funcionem. (Aparentemente, o LESS era originalmente Ruby, então provavelmente existe um compilador antigo flutuando por aí também).
• Se você usa o ASP.Net, há .less . Eu não usei este, então não sei como funciona.
• Se você usa Java, lesscss4j conclui a compilação com o ambiente de script Rhino interno do LESS e do Java 6 original.
• Se você usa Perl, existe um módulo LESSp no CPAN.