LessCSS permet l’introduction d’un comportement dynamique dans les feuilles de styles CSS. Il peut s’exécuter côté client (par le navigateur*) ou côté serveur à l’aide de node.js et rhino.

Avantages

  • des styles dynamiques ;
  • couche d’abstraction pour la gestion des différents navigateurs ;
  • rapidité de développement accrue ;
  • meilleure visibilité du code CSS ;

Désavantages

  • nécessite l’installation d’outils de développement (compilation) sur le poste du développeur (node.js ou application de compilation) ;
  • cas de l’utilisation côté client : IE n’est pas supporté et on ajoute 46Ko supplémentaire à la page;
  • nécessite une organisation pour bien séparer et versionner les sources (.less) et le resultat de la compilation (.css) ;
  • nécessite un peu d’apprentissage ;

Documentation & Comparatifs

Documentation officielle : http://lesscss.org/#docs
Une application Mac qui gère la compilation : http://incident57.com/less/
Une application Windows qui gère la compilation : http://winless.org/

* Navigateurs supportés : Chrome, Safari et Firefox