hello
sur neo-dist, on a bien avancé aujourd'hui
le squelette est en test sur et synchronisé avec la zone toutes les heures
http://neodist.grml.eu/
voici l’aperçu général:
http://neodist.grml.eu/spip.php?article6
certains points sont à revoir:
- affiner la section forum / petition
- la css de mediabox ?
http://neodist.grml.eu/spip.php?article7
- écrire un doc pour expliquer la structure ?
les retours et contributions sont les bienvenues.
Salut,
Remerciement
Je ne pense pas qu'il faille faire cela dans la précipitation, mais puisque c'est démarré, on va dire merci à ceux qui s'y collent !
Ethiquement,
Commençons par éviter le logo de l'homme qui bande et de la femme qui pleure, ça ira déjà beaucoup mieux.
Pour le texte, mettre un lien explicite vers un site externe me gêne également beaucoup, merci d'être un peu discret avec vos égos.
Techniquement,
je trouve que les couleurs a et hover ne sont effectivement pas assez distinctes, historiquement j'aimais bien le orange de SPIP
Voilou
Hop,
Re hop,
- Le menu principal me parait à la fois trop visible (même après avoir enlevé le pétant par défaut), et pas assez détaché du reste, pas assez "dans son espace propre". Un fond… des bordures… quelque chose qui défini une zone.
- Pourquoi le portfolio est-il calé en flottant à droite, avec les images du coup à l'envers de leur ordre HTML ?
- Ce n'est pas du tout responsive, ça ne passe en une seule colonne qu'à partir de 640 mais avant la colonne de droite passe en-dehors.
- Question non pas "goût et couleur" mais "ambiance qu'on renvoie" : pour l'instant ça ne me convient pas pour plusieurs raisons que j'essaye de distinguer :
* d'une manière générale, là ça fait trop froid, trop geek : j'ai l'impression de tomber sur un site d'informaticien qui va me parler de code, et non pas sur un site plus littéraire d'informations ou d'avis politiques (par exemple) ; pour un thème par défaut de SPIP, ça ne me parait pas spécialement super
* parmi les cibles potentielles de SPIP, celle qui veut publier rapidement et qui n'a pas de compétence particulière ou d'argent pour le faire faire, c'est à mon avis plus souvent celle qui veut publier des textes pour prendre la parole sur le net, donc par défaut, ça me paraittrait logique que le thème fourni renvoie une ambiance, neutre certes, mais qui colle à ce type de propos
* du coup le serif par défaut d'avant, au moins pour le texte principal, me paraissait mieux coller à cette ambiance
* le blanc partout avec texte à peu près noir, ça fait froid, vide, et sans profondeur ; avant il y avait une texture au fond par exemple (serif + texture donc) ; ce n'est pas obligatoirement ça mais j'ai l'impression qu'il faudrait soit une texture, soit un cadre, soit plusieurs choses à la fois, mais qui donne un peu de profondeur
* ce bleu par défaut est frais, pas terne, j'aime assez dans l'absolu, mais question ambiance, avec le reste dit précédemment, ça renforce le froid et l'aspect blog technophile
* par contre le bleu du hover je n'aime pas, je n'ai pas l'impression que ça colle à l'autre bleu, en plus du fait que le contraste avec le fond blanc me parait pas du tout assez fort
C'est tout pour l'instant. 
(plein de choses)
Un essai avec une typo serif (Georgia on my mind), une couleur plus chaude, et une nav moins marquée, pour gommer le côté froid / informatique, sans ajouter de texture ou de cadres.
http://dev.dataetic.fr/neodist/
Aucune modif de la dist, les retouches sont uniquement dans un fichier perso.css :
http://dev.dataetic.fr/neodist/squelettes/css/perso.css
(avec des liens sur les blocs articles en entier)
les retours et contributions sont les bienvenues.
- Le menu principal me parait à la fois trop visible (même après avoir enlevé le pétant par défaut), et pas assez détaché du reste, pas assez "dans son espace propre". Un fond… des bordures… quelque chose qui défini une zone.
- Pourquoi le portfolio est-il calé en flottant à droite, avec les images du coup à l'envers de leur ordre HTML ?
oui à corriger
- Ce n'est pas du tout responsive, ça ne passe en une seule colonne qu'à partir de 640 mais avant la colonne de droite passe en-dehors.
pour l'instant ce n'est pas dans le cahier des charges.
à voir dans une prochaine version
- Question non pas "goût et couleur" mais "ambiance qu'on renvoie" : pour l'instant ça ne me convient pas pour plusieurs raisons que j'essaye de distinguer :
* d'une manière générale, là ça fait trop froid, trop geek : j'ai l'impression de tomber sur un site d'informaticien qui va me parler de code, et non pas sur un site plus littéraire d'informations ou d'avis politiques (par exemple) ; pour un thème par défaut de SPIP, ça ne me parait pas spécialement super
* parmi les cibles potentielles de SPIP, celle qui veut publier rapidement et qui n'a pas de compétence particulière ou d'argent pour le faire faire, c'est à mon avis plus souvent celle qui veut publier des textes pour prendre la parole sur le net, donc par défaut, ça me paraittrait logique que le thème fourni renvoie une ambiance, neutre certes, mais qui colle à ce type de propos
* du coup le serif par défaut d'avant, au moins pour le texte principal, me paraissait mieux coller à cette ambiance
* le blanc partout avec texte à peu près noir, ça fait froid, vide, et sans profondeur ; avant il y avait une texture au fond par exemple (serif + texture donc) ; ce n'est pas obligatoirement ça mais j'ai l'impression qu'il faudrait soit une texture, soit un cadre, soit plusieurs choses à la fois, mais qui donne un peu de profondeur
* ce bleu par défaut est frais, pas terne, j'aime assez dans l'absolu, mais question ambiance, avec le reste dit précédemment, ça renforce le froid et l'aspect blog technophile
* par contre le bleu du hover je n'aime pas, je n'ai pas l'impression que ça colle à l'autre bleu, en plus du fait que le contraste avec le fond blanc me parait pas du tout assez fort
c'est le débat.
il me semble qu'il faut mieux une dist froide et plate
cela facilite ensuite la personnalisation et l'ajout de polices et d'effets.
on gagne du temps ensuite.
avoir un habillage à moitié fini est un mauvais compromis
cela donne toujours un aspect à moitié fini : ce n'est pas vraiment beau et ce n'est moins facile à adapter:
il faut d'abord enlever les effets pour ajouter les siens.
pour moi on est dans la logique proche d'un bootstrap,
on prend la dist et on l'habille
ici tout est blanc et gris, on peut ajouter les couleurs de sa structure rapidement.
si les gens veulent un thème tout fini. il y a spipr et sarka qui le font.
Salut,
pour l'instant ce n'est pas dans le cahier des charges.
à voir dans une prochaine version
C'est bien un des problèmes : quel intérêt de se mettre à faire des tests graphiques (uniquement graphiques puisqu'on a dit qu'on ne touchait pas au HTML, donc pas à l'ergo/naviagation), sans écrire ensemble un cahier de charges avant ? Même minimal, mais quelques points à respecter absolument.
Et du coup, quel intérêt de sortir un nouveau style graphique, fin 2014, sans qu'il soit responsive ? La te-hon, franchement, à mon avis.
c'est le débat.
il me semble qu'il faut mieux une dist froide et plate
cela facilite ensuite la personnalisation et l'ajout de polices et
d'effets.
on gagne du temps ensuite.
C'est là où je ne suis pas d'accord du tout : les styles actuels SONT un choix graphique.
Quand je dis "froid et sans profondeur", je ne dis pas "neutre", pour moi ce sont deux qualificatifs totalement différents.
Je dis bien que le truc actuel EST un choix graphique, et qui est un choix d'ambiance geek/blog techno, par défaut. Je ne vois absolument pas en quoi ce serait plus neutre qu'autre chose.
avoir un habillage à moitié fini est un mauvais compromis
cela donne toujours un aspect à moitié fini : ce n'est pas vraiment
beau et ce n'est moins facile à adapter:
il faut d'abord enlever les effets pour ajouter les siens.
Ben c'est pareil là : il faut enlever la police "sans", le bleu techno, etc, pour se retrouver avec une autre ambiance. Et donc justement la cible qui a moins ces moyens-là et qui veut publier rapidement pour prendre la parole sur le net, elle ne veut pas forcément avoir par défaut une ambiance "blog techno".
pour moi on est dans la logique proche d'un bootstrap,
on prend la dist et on l'habille
Bootstrap est horrible pour moi quand on le prend en entier justement : je passe des heures à devoir redéfinir tout les choix graphiques forcés, les polices, les couleurs, etc. => Ça c'est pour les gens qui savent, les intégrateurices ou celleux qui ont le de l'argent pour en payer.
ici tout est blanc et gris, on peut ajouter les couleurs de sa structure
rapidement.
Ben non : c'est un choix de police et un choix de couleurs, qu'il faut surcharger aussi.
Si on fait un autre choix de polices et un autre choix de couleurs, moins technophile, et bien il faudrait surcharger pareil si on veut autre chose. Il n'y a aucune différence et aucun travail supplémentaire.
C'est juste une autre direction de l'ambiance par défaut.
Avec juste un max-width: 960px; sur .page au lieu d'une largeur fixe, ça améliore déjà beaucoup les transitions de 960 à 640
Et un padding: 0 1em; sur le body pour décoller le contenu du bord.
D'où l'intérêt d'un préprocesseur css type SASS, LESS etc. On ne garderait dans la dist qu'une structure de page et de pattern html définissant un référentiel spip didactique (pour le coup, cela serait vraiment didactique).
Mais j'admets, les préprocesseurs sont pas faciles d'utilisation.
Mais j'imagine que via SASS ou LESS, on arriverait vite à une galerie de thèmes genre zen-garden.
Et on peut utiliser évidemment ces préproc. pour bien d'autres choses que les gros framework (dans les petits, neutres et sans - quasi - de javascript, il y a skeleton qui est très bien foutu).
Sans passer par ça, on ne sortira pas de la discussion "choix graphique, etc".
En outre il faudrait (à mon humble avis), distinguer
- les patterns boucles/html et les modèles de page (blog, timeline, users, contact, calendar, forum, etc. selon ce que l'on voit aujourd'hui dans les templates "multipurpose" genre themeforest)
- Et un ou des modèles de structure de site (en gros aujourd'hui: version dist ou version zpip)
Mais bon chui peut-être à côté de la discussion.
Bon travail,
Roger
-----Message d'origine-----
Je crois, oui.
(Je rappelle qu'on ne va PAS toucher au HTML pour l'instant. Là on ne parle que d'améliorer les CSS fournies par défaut. Sans framework, et sans préprocesseurs.)
Hop,
J'aime bien la nav plus simple (sans pastilles) et les filets légers, qui posent discrètement la structure de la page.
J'aime beaucoup moins le cadre autour et son ombrage, qui l'enferment, mais ça tu le sais déjà je crois...
Mais bon, à coup de j'aime / j'aime pas on va pas beaucoup avancer.
Et pourquoi on proposerait pas un collection de thèmes simples sur la dist, pour permettre à des gens qui n'ont pas les capacités/envies/moyens de mettre le nez dedans de démarrer avec une base un poil moins standard ?
Sans plugin additionnels, sans installer quoique ce soit (zen garden et je sais pas quoi), juste proposer une css à installer dans /squelettes. Ou éventuellement un zip avec quelques images et un js/script.js pour ergonomiser un peu la dist.
Et une page sur contrib avec une gallerie de thèmes de bases, des captures écran, et juste une mini doc pour expliquer comment placer le perso.css dans un dossier squelettes.
Comme les thèmes de Z mais en plus light, basés sur la dist et sans plugins.
J'ai tout faux ?
Ha pardon, j'avais envoyé un lien vers une image tout petite. Voilà la
même en taille réelle :J'aime bien la nav plus simple (sans pastilles) et les filets légers,
qui posent discrètement la structure de la page.J'aime beaucoup moins le cadre autour et son ombrage, qui l'enferment,
mais ça tu le sais déjà je crois...Mais bon, à coup de j'aime / j'aime pas on va pas beaucoup avancer.
Oué, j'aime bien b_b qui retente sa chance avec son cadre autour, en plus grand ^^. (joke!)
Ce qui me gène avec ce cadre, c'est qu'il manque d'espacement avec le texte ; je me sens un peu à l'étroit dedans ; à part cela, c'est pas vilain non plus.
Et cela questionne, j'y reviens ensuite.
J'ai une petite proposition de retouche également, pour homogénéiser un peu les bordures. Particulièrement celle du pied de page, et en mettre une en haut du .main pour séparer les onglets, en plus de leur réduire leur marge. Cela donne 4 lignes de CSS :
.main { border-top:10px solid #eed;}
.footer { border-top:10px solid #eed;}
.aside h2 { border-bottom: 5px solid #eed; }
#nav > ul { margin-bottom:0; }
Et une capture :
- avant http://i.minus.com/ibyr3HOg3SrhUH.png
- après http://i.minus.com/iR0za3gnfbpYK.png
De même, en présence d'un fil d'ariane, je trouve ça un peu plus agréable. Mais bon, les goûts et les couleurs 
Et pourquoi on proposerait pas un collection de thèmes simples sur la
dist, pour permettre à des gens qui n'ont pas les
capacités/envies/moyens de mettre le nez dedans de démarrer avec une
base un poil moins standard ?
Sans plugin additionnels, sans installer quoique ce soit (zen garden et
je sais pas quoi), juste proposer une css à installer dans /squelettes.
Ou éventuellement un zip avec quelques images et un js/script.js pour
ergonomiser un peu la dist.
Et une page sur contrib avec une gallerie de thèmes de bases, des
captures écran, et juste une mini doc pour expliquer comment placer le
perso.css dans un dossier squelettes.
C'est une bonne idée. Je vois 3 pistes :
-1. La piste spip-contrib est la plus simple ;
-2. l'autre piste serait de mettre un formulaire de configuration dans squelettes-dist avec des fichiers /css/variantes/{truc}.css appelé après theme.css, mais avant perso.css . Est-ce le bon moment pour se lancer là dedans ? ça fait créer des chaînes de langues en plus.
-3. une autre, proposer un formulaire de configuration où les gens peuvent ajouter du CSS dans un textarea, pour ce squelettes-dist. Qu'ils prennent alors sur contrib, sans éditer par ftp ou par skeleditor.
Je préfère 1 ou 2.
Mais bon, vaudrait ptet mieux une gestion véritable de thème ; qu'un thème puisse surcharger chaque fichier de css/xx.css s'il le souhaite.
Ça peut être une solution provisoire.
N'oublions pas aussi que la béta va arriver rapidement ; évitons de trop se disperser 
MM.
C'est une bonne idée. Je vois 3 pistes :
-1. La piste spip-contrib est la plus simple ;
-2. l'autre piste serait de mettre un formulaire de configuration dans
squelettes-dist avec des fichiers /css/variantes/{truc}.css appelé après
theme.css, mais avant perso.css . Est-ce le bon moment pour se lancer là
dedans ? ça fait créer des chaînes de langues en plus.
-3. une autre, proposer un formulaire de configuration où les gens
peuvent ajouter du CSS dans un textarea, pour ce squelettes-dist. Qu'ils
prennent alors sur contrib, sans éditer par ftp ou par skeleditor.Je préfère 1 ou 2.
Mais bon, vaudrait ptet mieux une gestion véritable de thème ; qu'un
thème puisse surcharger chaque fichier de css/xx.css s'il le souhaite.
Ça peut être une solution provisoire.
Je pensais juste à quelque chose de très très simple, sans plugin, sans dév ni rien : proposer uniquement des fichiers perso.css tout prêts, à placer dans son dossier squelettes.
Sans faire de grands thèmes complets, ça permettrait de proposer quelques variantes : avec/sans cadre, avec police serif/sans serif, en bleu, en rouge etc...
N'oublions pas aussi que la béta va arriver rapidement ; évitons de trop
se disperser
Certes, tu fais bien de recentrer, d'autant que cette dist là n'est peut être que provisoire.
oui, ce fichier perso.css /custom.css est une vraie chance
ce plugin personnalisation très simple
il pourrait contenir:
- une série de thèmes (comme ceux de b_b, marcimat)
- une menu de configuration
... avec un color picker
....avec une liste de polices
... quelques options qui permettent de s'approprier son site
- aussi un éditeur texte pour éditer perso.css comme skel_editor pour les usagers avancées
cela permettrait d'adapter son site spip rapidement même en étant un grand débutant
Pour ma part je vais voir si j'arrive à reprendre la gestion des plugins de /ecrire/?exec=admin_plugin pour faire autre chose spécialisé en gestion de thèmes ce qui donnera /ecrire/?exec=admin_themes ou /ecrire/?exec=admin_squelettes
Cela permettra de gérer les différents squelettes créés pour que l’internaute choisisse son préféré à partir de dépôts officiels et d’archives à télécharger sur themeforest.com par exemple..
Je vais créer un projet sur core.spip.org n’ayant rien vu de déjà fait.
Je parlais bien d'un truc *très très simple*, sans plugin ni dév, juste distribuer des perso.css tous prêts depuis une page de contrib (par exemple).
Je crois me souvenir que tetue a de son côté des thèmes pour tinytypo, elle nous avait montré ça à Brest, ça pourrait faire faire matière à quelques thèmes sympa.
Bonjour,
