un peu comme SPIP se base sur jQuery pour le Javascript, je lance
l'idée de se baser sur un socle CSS solide.
Je propose Tripoli qui me semble être le plus complet. http://www.monc.se/tripoli/
Tripoli ajoute une étape de remise à zéro des attributs CSS pour tous
les éléments, puis les reconstruit.
Cela garanti de ne plus avoir de différence entre les navigateurs,
pour lesquels les valeurs par défaut de typo et marges varient bcp
Tripoli ajoute une étape de remise à zéro des attributs CSS pour tous
les éléments, puis les reconstruit.
Cela garanti de ne plus avoir de différence entre les navigateurs,
pour lesquels les valeurs par défaut de typo et marges varient bcp
Tu veux dire, à la place ou en complément, ou plutôt en préalable au
modèle gala ?
Je trouve ça plutôt intéressant, mais il me semble qu'il manque le
minimum, à savoir les éléments qui nous permettent aujourd'hui de découper
une page, par exemple, le pied de page, le bloc de navigation etc. Mais,
évidement, j'ai peut-être mal compris.
En tout cas, ça me semble un bon objectif, mais qu'on poursuit peut-être
déjà ?
Tripoli ne s'occupe pas du layout. Dans le squelette que j'ai fait (mise en ligne dans l'heure), j'ai pris un modèle arbitraire .
Tripoli fait :
un reset CSS propre
un page print
un CSS IE
et fonctionne avec des plugins pour faire varier les styles.
Mon optique était de faire un squelette "ready to style" pour un intégrateur CSS niveau moyen . Il peut attaquer le stylage d'un SPIP sans se préoccuper des styles de la dist.
ça veut pas dire que les styles de spip sont fragiles mais que parfois on a envie de partir sur d'autres bases que celle de la dist.
> un peu comme SPIP se base sur jQuery pour le Javascript, je lance
> l'idée de se baser sur un socle CSS solide.
"solide", comme si les css de SPIP étaient fragiles, t'y va pas un peu
fort ?
Bin oui, c'est comme les titres des articles : il faut les commencer
par des phrases choc pour qu'on lise la suite
> Je propose Tripoli qui me semble être le plus complet.
> http://www.monc.se/tripoli/
>
> Tripoli ajoute une étape de remise à zéro des attributs CSS pour tous
> les éléments, puis les reconstruit.
> Cela garanti de ne plus avoir de différence entre les navigateurs,
> pour lesquels les valeurs par défaut de typo et marges varient bcp
Tu veux dire, à la place ou en complément, ou plutôt en préalable au
modèle gala ?
Ce n'est pas la même chose, donc oui, ça peut être un complément à
Gala (http://blog.html.it/layoutgala/) qui répertorie 40 mises en
pages possibles.
Mais dans le cadre d'une évolution d'une dist, Gala ne sert pas à grand chose.
Je trouve ça plutôt intéressant, mais il me semble qu'il manque le
minimum, à savoir les éléments qui nous permettent aujourd'hui de découper
une page, par exemple, le pied de page, le bloc de navigation etc. Mais,
évidement, j'ai peut-être mal compris.
Ca c'est du ressort du design spécifique à un site.
Tripoli s'assure que tous les navigateurs affichent la même page,
c'est tout (et déjà pas si mal)
Ensuite, si tu veux créer tel ou tel découpage, tu n'as plus à te
soucier de hacks de mise en forme pour que les <p> aient tous le même
comportement, etc.. En ce sens il facilite la vie et te permet de te
concentrer sur la mise en page.
En tout cas, ça me semble un bon objectif, mais qu'on poursuit peut-être
déjà ?
Oui.
Et le fait que la dist offre un socle fiable pour que chacun puisse
rhabiller facilement son site à sa sauce est important à mon avis.
Je cite la réponse à ça qui se trouve sur la page de Tripoli :
"Blueprint est super. Mais j'ai trouvé que l'utilisation d'un
framework complet [dans ses devs] avec uniquement des CSS est une
tâche impossible. Les grilles deviennent hypertrophiées, non
sémantiques, et le nombre de noms de classes incompréhensibles
explose. Au lieu de cela, Tripoli vise [seulement] à un meilleur rendu
HTML et se charge de séparer la typographie de la mise en page.
S'il vous plaît notez que Tripoli n'est pas en concurrence avec
Blueprint. Blueprint est un framework avec des grilles et des trucs.
Tripoli est une couche de rendu pour les balises HTML et une façon de
séparer la présentation du contenu."
Texte original :
" Blueprint is great. But I found that using a complete framework with
CSS only is an impossible task. The grids gets bloated, unsemantic and
full of impossible class names. Instead, Tripoli is based around good
HTML rendering and separating content typography from layout.
Please note that Tripoli is not competing with Blueprint in any way.
Blueprint is a framework with grids and stuff. Tripoli is a rendering
layer for HTML tags and a way to separate layout from content."
En gros pour le design, avec Tripoli c'est toujours à toi de la faire,
mais tu peux le faire à ta sauce, de façon simple et légère (sans
avoir à te farcir l'apprentissage de Blueprint qui demande un certain
effort).
Tripoli, Yahoo ou Blueprint... chacun a ses trucs. Mais la question est d'abord :
- Pourquoi une remise à zéro CSS ? Pourquoi ne pas les laisser nature ?
- Pourquoi vouloir un rendu identique sur tous les navigateurs ? Pourquoi imposer ce choix à d'autres ?
Ça dépend des sites, des projets...
Je pense que cette remise à zéro est indispensable sur les projets ayant des impératifs stricts (ah les clients psychorigiques !).
Par contre, mon expérience m'a appris qu'il vaut mieux éviter sur les projets à plusieurs mains, surtout lorsque la notion même de "remise à zéro CSS" n'est pas acquise par ceusses qui sont amené à faire peu ou prou joujou avec les feuilles de style (sinon bonjour la cata).
Et la dist ? depuis longtemps elle se soumet librement aux variations d'interprétation des navigateurs. Il semble que ce soit un choix et je le trouve justifié. Par contre, ce serait ptêt pas mal pour CSSiser l'espace privé de SPIP...