Carnet Wiki

Les CSS : vers LessCSS

Version 7 — Avril 2013 — 82.255.xx.xx

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 » [1]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 [2]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 existante


-  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 [3]
-  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 sans less
et la base c’est juste une adaptation en less de basecss de tetue
_
en less
_
Z il utilise # CSS
_
donc ça prendra ton grid .
_ Z utilise #CSS, et donc il prendra ton grid.less :
c’est l’astuce de la balise #CSS
Avec zpip-less , il remplace grid.css par grid.less s’il existe
_
avec zpip-less

</blockquote>

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