Less et Sass, des préprocesseurs pour simplifier la création des CSS

Le CSS, c’est bien pour faire de la mise en page Web. Mais parfois, c’est fastidieux et répétitif car le langage ne supporte pas les variables. Pour se simplifier la vie, il suffit d’utiliser des préprocesseurs CSS. Ce sont des langages qui enrichissent le CSS pour faciliter sa programmation mais qui au final génèrent un CSS des plus classiques et donc compatible avec tous les navigateurs comme on l’aurait fait en CSS directement. Les deux préprocesseurs les plus connus dans ce domaine sont Less et Sass. Mais lequel choisir ?

Romain Blatrix de Soat a fait un comparatif que je vous invite à lire et pour ceux qui ne connaissent pas faire connaissance avec les vertues du préprocessing CSS. Mais ce ne sont pas les seuls. Il existe également Knacss dont j’avais fait un article en septembre 2013.

Knacss, un framework CSS pour des feuilles de styles propres

Knacss est une feuille de style CSS qui contient quelques petites règles sympathiques afin de programmer ses feuilles de styles proprement. Il est composé de règles toutes simples mais rendent bien service et semble taillé pour un site en responsive design.

L’occasion de rappeler à quel point il est important d’avoir des feuilles de styles propres dans un grand projet car lorsqu’elles ne le sont pas, la maintenance devient vite un calvaire, surtout quand les équipes changent souvent. En fait, non, ce n’est pas un si grand calvaire que ça. Il est tellement plus simple de tout dupliquer et ainsi limiter ses problèmes. Oui, mais dupliquer un code, ce n’est jamais sain et cela a toujours des conséquences.

Less et Sass sont deux autres frameworks connus de longue date qui opèrent dans le même domaine. Leur approche est un peu différente car ils proposent une extension des possibilités de CSS non reconnues par CSS lui-même. C’est en appliquant un compilateur que ces extensions sont transformées en CSS compréhensible par les navigateurs.

Pour en savoir plus, lisez le tutorial sur Alsacréations ainsi que ce petit article tiré du blog de Raphaël Goetter qui rappelle l’importance d’avoir des feuilles CSS propres, ce qui n’est pas le cas sur la majorité des grands sites, y compris Facebook. Ce blog mérite d’ailleurs d’être lu car il aborde de nombreuses autres problématiques relatives à CSS.