Carnet Wiki

Les CSS : vers LessCSS

Version 1 — Novembre 2011 YannX

CSS est un système purement déclaratif textuel pour indiquer les présentations.
Mais celui-ci n’offrant aucune possibilité de globalisation, il faut décrire toutes les lignes de styles,
et donc la « factorisation » [3]des constantes descriptives de couleurs de polices, ou de fonds, pour garder une harmonie de palette dans votre charte graphique, est actuellement impossible !

Pas tout-à-fait, car ce problème commun à tous les Webmestres pourrait avoir une solution : LessCSS !

Dans la meme lignée [1]et que ZPIP, seconde distribution de squelettes à laquelle il est de plus en plus associé, ce concept reprend les memes idées.

L’ambition de cette page n’est que de centraliser/mémoriser les informations échangées, en particulier sur IRC à titre d’archive... Page en travaux


Quelques liens de documentation existente


-  rappel des notions de base (Spip 1.9 de 2007, mais tout n’a pas changé... preuve qu’il s’agit d’un sujet récurrent !!) http://www.spip-contrib.net/Analyse..., http://www.spip-contrib.net/Comment... et http://www.spip-contrib.net/Variati..., et de façon plus ’visuelle’ http://www.spip-contrib.net/Colorie...
-  les efforts de Spip-Contrib avec deux orientations http://www.spip-contrib.net/Squelettes pour la présentation des données lues complété par http://www.spip-contrib.net/Themes pour surcharger uniquement l’apparence [2]
-  un mot-clé CSS de Contrib pour retrouver des Rubriques :
-  la démarche d’intégration de site Web illustrée : un premier exemple http://www.spip-contrib.net/Arbores... complétée par http://www.spip-contrib.net/Reglage...
problème : possibilités limitées, statiques, car on reste au niveau du WebMestre travaillant sur les squelettes !
-  également, un plugin propose de compléter les feuilles de styles écrites http://www.paris-beyrouth.org/tutor....

Pour aller plus loin, il faut faire appel à des traitements appliqués à la génération automatique de feuilles de styles, en fonction de paramètres factorisés : c’est là qu’interviendra http://lesscss.org/

Déjà, un plugin propose cette alternative au printemps dernier http://www.spip-contrib.net/CSS-fac..., avec la mise-à-jour sur le site officiel des plugins, et le code source.

Maintenant, à l’occasion de SPIP 3, Cerdic intègre

<blockquote class="spip">

cerdic j’utilise less comme base, et pour faire les declinaisons
et apres je les compile en statique
pour que ça tourne dans less
sans less
et la base c’est juste une adaptation de basecss de tetue
en less
Z il utilise #CSS
donc ça prendra ton grid.less
c’est l’astuce de la balise #CSS
il remplace grid.css par grid.less s’il existe
avec zpip-less RastaPopoulos

</blockquote>

Mais Ce n’est pas (encore) documenté/expliqué, donc....
-  où trouver les bonnes sources ?