Carnet Wiki

Les CSS : vers LessCSS

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

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.
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

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

[1Ce mot emprunté aux mathématiques (de Seconde.. ;-)) désigne le principe cher au programmeur ou webmestre intelligemment paresseux, de regrouper sous un seul nom descriptif, l’expression d’uen constante (exemple de couleur), ré-utilisée plusieurs fois dans une longue feuille de style...

[2Ces avancées -encore en-cours de développement en, 2011- reprennent les travaux et réflexions initiées en particulier par Cerdic et article 6809...

[3Effectivement, il n’est pas immédiat de bien comprendre la séparation entre les deux notions :
-  l’apparence s’intéresse uniquement aux styles utilisés, les polices, couleurs et enrichissements graphiques..
-  la présentation est focalisée sur la structure sémantique de la page, en clair, quelles ont les données extraites et présentées au lecteur dans chaque squelette.

YannX - Mise à jour :16 April 2013 at 22:29