search

lesintegristes / lesintegristes-theme

The WordPress Theme that we use for our blog
http://www.lesintegristes.net/
Other
4 stars 1 forks source link

[FR] Retours design #24

Open bpierre opened 12 years ago

bpierre commented 12 years ago

L’issue #24, anciennement « Workflow » a été renommée « Retours design ».

L’issue Workflow a été déplacée ici : #51

gregoiredierendonck commented 12 years ago

@bpierre à propos des icônes SVG.

Ok, donc ok également pour toutes les icônes...?

bpierre commented 12 years ago

@gregoiredierendonck à voir, il y a aussi la solution de faire des pictos HD. Mais si ça ne présente pas trop d’inconvénients c’est l’idéal, ça évite par exemple de voir une image (vectorielle) impeccable et une autre toute pixelisée juste à côté (je vois ça souvent quand je zoome sur un site avec mon iPhone).

gregoiredierendonck commented 12 years ago

@bpierre Excuse pour le débat sans fin, mis la solution ne serait-elle pas plutôt de faire des images HD? Sinon, ça ne me pose pas de problème particulier de faire des pictos HD. Mais ça doit être méchamment lourd pour les navigateurs, non...?

bpierre commented 12 years ago

Oui, c’est exactement ce que je viens de dire :-)

Picto en pixels HD, ou pictos vectoriels. On va avoir du vectoriel de toute façon (horloge), donc pour avoir un rendu homogène, il vaut mieux tout faire en vectoriel. Si ça pose problème (performances, compatibilité, source des pictos dispo en pixels uniquement), on fera un mix des deux, mais en voyant les deux types de pictos de près, ça fera bizarre.

C’est parce que tu bosses en pixels c’est bien ça ?

gregoiredierendonck commented 12 years ago

Ah ok, j'avais pas compris, je suis juste con. :) On est donc d'accord.

Non, je bosse en vectoriel. C'est juste pour info, pour savoir si je vais devoir me prendre la tête à travailler mes pictos au pixel près :) .

gregoiredierendonck commented 12 years ago

PETIT RÉCAPITULATIF: Parce que ça devient encore une fois le bordel sur cette page... :)

Les points non élucidés:

Êtes-vous tous d'accord sur ces points? Voyez-vous des choses à rajouter? Des remarques?

ericlebihan commented 12 years ago

Oui la partie auteur de l'article avec photo et topo, plutot que juste le nom en haut. On avait statué pour ça ?

Le 15 oct. 2012 à 14:02, gregoiredierendonck notifications@github.com a écrit :

PETIT RÉCAPITULATIF: Parce que ça devient encore une fois le bordel sur cette page... :)

Les points non élucidés:

Réduction de l'interlignage - par @ericlebihan et @welovewebdesign Colonne de droite: augmenter le contraste - par @ericlebihan et @bpierre Colonne de droite: ressentie trop "fade" - par @ericlebihan Blocs de code: doivent être plus travaillés - par @ericlebihan Différenciation des comments de l'auteur ou de l'un des intégristes: A faire - par @ericlebihan et @bpierre Êtes-vous tous d'accord sur ces points? Voyez-vous des choses à rajouter? Des remarques?

— Reply to this email directly or view it on GitHub.

gregoiredierendonck commented 12 years ago

Je l'ai indiqué dans mon poste avec le lien de la maquette: :)

Il manque donc, en plus du header et du footer:

  • le titre de la page, et la nav éventuelle (next article, previous article)
  • les box de la colonne: Twitter, Newsletter, CreativCommons
  • le bas de l'article, avec la présentation de l'auteur + le "footer" de l'article, avec la catégorie, etc
  • le début des commentaires
  • en haut de page, à côté de la date et de l'auteur, je voudrai intégré une icône "commentaire" avec le nombre de comments inscrit, et qui renvoi en bas de page.

Le dernier point a été résolu depuis.

gregoiredierendonck commented 12 years ago

Donc, tout le monde: d'accord, pas d'accord? des choses à rajouter? Des remarques? Rappel du lien: http://www.gregoiredierendonck.fr/lesintegristes/ Login: gregoire Mdp: gregoire2012

Les points non élucidés:

  • Réduction de l'interlignage - par @ericlebihan et @welovewebdesign
  • Colonne de droite: augmenter le contraste - par @ericlebihan et @bpierre
  • Colonne de droite: ressentie trop "fade" - par @ericlebihan
  • Blocs de code: doivent être plus travaillés - par @ericlebihan
  • Blockquote: ressentis trop "bof" - par @ericlebihan
  • Différenciation des comments de l'auteur ou de l'un des intégristes: A faire - par @ericlebihan et @bpierre

Êtes-vous tous d'accord sur ces points? Voyez-vous des choses à rajouter? Des remarques?

bpierre commented 12 years ago

OK avec tout ça, et pour le code il faudrait peut-être attendre de voir ça avec le script.

D’une manière générale, pour les détails à l’intérieur d’un post, je pense qu’on pourra voir ça plus tard quand on aura mis tous les éléments nécessaires sur une page (évolution de l’article « Article guidelines »).

gregoiredierendonck commented 12 years ago

Ok. Que reste-t'il à designer pour le contenu d'un article:

Autre chose? Par exemple, avez-vous besoin:

Quoi d'autre?

bpierre commented 12 years ago

Il va y avoir pas mal de choses, tu veux qu’on liste tout ça maintenant ?

gregoiredierendonck commented 12 years ago

Oui, je veux bien... :)

bpierre commented 12 years ago

@gregoiredierendonck #52

gregoiredierendonck commented 12 years ago

Hello, hello,

Peu de changement, mais post quand même:

J'ai revu le contraste de l'ensemble des couleurs utilisées en me basant sur cette appli: http://leaverou.github.com/contrast-ratio/

Voici les résultats obtenus:

Pour info, un noir pure sur blanc pure obtient le résultat 21. En-dessous d'un score de 3, le contraste n'est pas validé.

Vous pourrez voir ce résultat ici:

bpierre commented 12 years ago

Cool !

Pour les bordures, tu ne les a pas foncées pour des raisons de contraste hein ? Ceci dit je trouve ça cool en version plus foncée, surtout pour les commentaires, ça fait des boxes bien définies :-)

Pour le gris clair date et auteur, si tu préfères la version d’avant, je pense qu’on était bien.

Le texte des boxes de droite est beaucoup mieux, nickel. Les citations aussi.

gregoiredierendonck commented 12 years ago

Pour les bordures, tu ne les a pas foncées pour des raisons de contraste hein ?

Pour une question de cohérence, en fait. Mais je préfère comme ça aussi... :)

Pour le gris clair date et auteur, si tu préfères la version d’avant, je pense qu’on était bien.

Je ne vois aucune différence sur mon écran actuel... Tu en vois, toi?

Ceci dit je trouve ça cool en version plus foncée, surtout pour les commentaires, ça fait des boxes bien définies :-) Le texte des boxes de droite est beaucoup mieux, nickel. Les citations aussi.

Cool! :)

bpierre commented 12 years ago

Je ne vois aucune différence sur mon écran actuel... Tu en vois, toi?

Oui, sur les pictos (et la bordure).

gregoiredierendonck commented 12 years ago

ok :)

ericlebihan commented 12 years ago

Ouep super pour les commentaires, ça rend vraiment bien !

Autrement je vais faire mon chieur mais je sais que tu attends ça Grégoire :-)

  1. Pour les citations (blockquote), je trouve que ça ne se démarque pas encore assez des autres textes, malgré le picto à gauche
  2. Je l'avais pas signalé précédemment, mais le "+" sur la partie "Quelque chose à rajouter? Participez à la discussion!" au niveau du formulaire, bof, je trouve ça amène pas grand chose ou alors il faudrait en faire un truc marrant comme un curseur qui suit la saisie dans le formulaire et récupère l'image du gravatar dès que l'email est saisi.
bpierre commented 12 years ago

comme un curseur qui suit la saisie dans le formulaire et récupère l'image du gravatar dès que l'email est saisi

Exactement ce que je voyais :-) Il faudra aussi qu’on discute de la preview.

gregoiredierendonck commented 12 years ago

Aaaah, @ericlebihan est de retour... Cool :+1: ;)

le "+" sur la partie "Quelque chose à rajouter? Participez à la discussion!"

T'as raison, je me dis ça aussi depuis le début aussi... Ton idée est super bonne, de suivre les étapes de formulaires et de mettre à jour l'avatar. Je pense qu'il faut garder cette forme (la même que les comments), mais trouver une bonne idée à mettre dedans (Avatar par défaut? icône commentaire? Autres chose...)

Pour les citations (blockquote), je trouve que ça ne se démarque pas encore assez des autres textes

Là, par contre, c'était justement une volonté de ma part de réduire la différence de style entre les citations et le texte standard... De nombreuses fois, j'ai pu remarquer que ces citations (souvent utilisées sur le site) allourdissaient gravement la mise en page. Ex (mauvais: il y a pire): http://www.lesintegristes.net/2011/10/19/rediger-un-rapport-de-bugs-ca-na-pas-lair-pas-mais-cest-du-boulot/ Voilà, pour être franc, je trouve le nouveau style suffisant (on ne peut pas non plus dire qu'il est confondu avec du texte standard).

Après, si je suis le seul à avoir un minimum de goût sur cette page ( ;) ), je peux modifier ça sans problème. Dites-moi ce que vous en pensez, tout le monde. :)

ericlebihan commented 12 years ago

@gregoiredierendonck Ha ha ha Comment tu te la pètes ! :-) Ok pas un truc aussi lourd, mais tu vois le truc qui challenge le webdesigner qui veut relever un minimum les défis. ;-)

Pou l'avatar, techniquement on ne peut l'avoir qu'une fois que la personne a entré son adresse email. Mais avec l'email on ne peut pas récupérer le nom ? Dans ce cas l' email en premier et le nom en deuxième pour le cas où le mec n'a pas d'avatar.

welovewebdesign commented 12 years ago

j'ai pu remarquer que ces citations (souvent utilisées sur le site) allourdissaient gravement la mise en page.

@gregoiredierendonck D'accord sur ce point, et je penses qu'une fois l'interlignage et margin modifié ça suffira à faire la différence.

Pour l'histoire de contraste, je trouve ça mieux pour les textes, pictos. Par contre pour les contours je préférais comme avant (mais bon c'est clair que pour la cohérence c'est mieux).