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 11 years ago

bpierre commented 11 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 11 years ago

@bpierre : T'es vraiiiment le roi du gif. Respect.

Est-ce que tu as une idée du process à mettre en place pour ne pas « patcher le responsive » à la fin

Pour ma part, j'ai l'habitude de travailler de cette manière:

Etes-vous partant pour ce process? Avez-vous d'autres idées, des recos? Nous pourrions même établir un planning de ces différentes étapes, si vous voulez qu'on se mette "un max de pression".

Sinon, j'ai commencé à réfléchir à d'autres idées... Il y avait par exemple ce site, qui cartonne en ce moment, et qui est construit plus comme une application pour tablette plutôt qu'un site desktop: http://beta.usatoday.com/ Ou d'autres blogs qui orientent leurs designs vers une lisibilité optimale plutôt "qu'un design sympa"...

Mais bon, on va peut-être se contenter de rafraîchir notre blog dans un premier temps, non...? ;)

kaneel commented 11 years ago

lisibilité optimale > *

Et penser tablette, full screen, large background. LARGE FONTS TOO :)

Le 27 septembre 2012 10:35, gregoiredierendonck notifications@github.coma écrit :

@bpierre https://github.com/bpierre : T'es vraiiiment le roi du gif. Respect.

Est-ce que tu as une idée du process à mettre en place pour ne pas « patcher le responsive » à la fin

Pour ma part, j'ai l'habitude de travailler de cette manière:

  • _1/__ Recherche du style graphique global pour le site, en se basant sur la taille max du site final (Comme les screenshots que je vous envoi en ce moment)
  • 2/ Validation du style graphique global. Attention, important, à cette étape, la maquette est loin d'être faite: nous validons juste ici des choix bien précis: taille des polices, couleurs, esprit global, style des formulaires, des commentaires, etc (En gros, nous rassemblons les ingrédients pour réaliser la maquette)...
  • 3/ Réalisation des maquettes (avec les ingrédients validés ci-dessus). C'est là que nous nous soucions du responsive. Pour ma part, j'ai l'habitude de réaliser: la plus grande taille + la plus petite taille... Mais nous pouvons agir différement si ça vous tente... Si vous avez une idée particulière pour la version "tablettes" par exemple...
  • 4/ A cette étape, l'intégration et le design bossent en parrallèle. Donc: intégration des maquettes réalisées dans les deux tailles (sans tenir compte des étapes intermédiaires) et finalisation de toutes les pages en maquette.
  • 5/ A cette étape, intégration et design ne bossent pas en parrallèle, mais ensemble: réalisation des étapes intermédiaires du responsive.

Etes-vous partant pour ce process? Avez-vous d'autres idées, des recos? Nous pourrions même établir un planning de ces différentes étapes, si vous voulez qu'on se mette "un max de pression".

Sinon, j'ai commencé à réfléchir à d'autres idées... Il y avait par exemple ce site, qui cartonne en ce moment, et qui est construit plus comme une application pour tablette plutôt qu'un site desktop: http://beta.usatoday.com/ Ou d'autres blogs qui orientent leurs designs vers une lisibilité optimale plutôt "qu'un design sympa"...

Mais bon, on va peut-être se contenter de rafraîchir notre blog dans un premier temps, non...? ;)

— Reply to this email directly or view it on GitHubhttps://github.com/lesintegristes/lesintegristes-theme/issues/24#issuecomment-8929553.

// Guillaume kaneel Richard http://mynameiskaneel.com // With many lower than 3

kaneel commented 11 years ago

(enlarge your website)

Le 27 septembre 2012 10:46, Guillaume kaneel Richard < mynameiskaneel@gmail.com> a écrit :

lisibilité optimale > *

Et penser tablette, full screen, large background. LARGE FONTS TOO :)

Le 27 septembre 2012 10:35, gregoiredierendonck notifications@github.coma écrit :

@bpierre https://github.com/bpierre : T'es vraiiiment le roi du gif.

Respect.

Est-ce que tu as une idée du process à mettre en place pour ne pas « patcher le responsive » à la fin

Pour ma part, j'ai l'habitude de travailler de cette manière:

  • _1/__ Recherche du style graphique global pour le site, en se basant sur la taille max du site final (Comme les screenshots que je vous envoi en ce moment)
  • 2/ Validation du style graphique global. Attention, important, à cette étape, la maquette est loin d'être faite: nous validons juste ici des choix bien précis: taille des polices, couleurs, esprit global, style des formulaires, des commentaires, etc (En gros, nous rassemblons les ingrédients pour réaliser la maquette)...
  • 3/ Réalisation des maquettes (avec les ingrédients validés ci-dessus). C'est là que nous nous soucions du responsive. Pour ma part, j'ai l'habitude de réaliser: la plus grande taille + la plus petite taille... Mais nous pouvons agir différement si ça vous tente... Si vous avez une idée particulière pour la version "tablettes" par exemple...
  • 4/ A cette étape, l'intégration et le design bossent en parrallèle. Donc: intégration des maquettes réalisées dans les deux tailles (sans tenir compte des étapes intermédiaires) et finalisation de toutes les pages en maquette.
  • 5/ A cette étape, intégration et design ne bossent pas en parrallèle, mais ensemble: réalisation des étapes intermédiaires du responsive.

Etes-vous partant pour ce process? Avez-vous d'autres idées, des recos? Nous pourrions même établir un planning de ces différentes étapes, si vous voulez qu'on se mette "un max de pression".

Sinon, j'ai commencé à réfléchir à d'autres idées... Il y avait par exemple ce site, qui cartonne en ce moment, et qui est construit plus comme une application pour tablette plutôt qu'un site desktop: http://beta.usatoday.com/ Ou d'autres blogs qui orientent leurs designs vers une lisibilité optimale plutôt "qu'un design sympa"...

Mais bon, on va peut-être se contenter de rafraîchir notre blog dans un premier temps, non...? ;)

— Reply to this email directly or view it on GitHubhttps://github.com/lesintegristes/lesintegristes-theme/issues/24#issuecomment-8929553.

// Guillaume kaneel Richard http://mynameiskaneel.com // With many lower than 3

// Guillaume kaneel Richard http://mynameiskaneel.com // With many lower than 3

kReEsTaL commented 11 years ago

Est-ce que vous pouvez indiquer ici si vous êtes intéressé pour participer au le projet de redesign d’une manière ou d’une autre ? Même si vous n’êtes pas sûr d’avoir le temps ce n’est pas grave, ça permet juste de savoir qui veut être impliqué, qui veut faire quoi, et surtout de ne pas spammer les autres :-) Si vous voyez une issue sur laquelle vous souhaitez travailler, n’hésitez pas à vous l’assigner pour nous permettre de savoir que vous travaillez dessus.

Je suivrai le projet avec intérêt, néanmoins je ne peux pas m'engager à participer au redesign, je regrette :-(

Outre des questions évidentes de temps – dont je manque même pour mes projets à moi (pour rappel, mon portfolio est en cours de refonte depuis à peu près 12 ans), je souhaite prendre un peu de distance avec le web et me consacrer davantage à des projets « pure créa » en 2013.

Cependant, vous pourrez toujours compter sur moi pour beta tester et critiquer sans vergogne, ahah :-D

Et je n'oublie pas mon article sur le bullshit des « « « SEO managers » » », d'ici décembre a priori.

Bon courage les lapins :-*

Marie

kaneel commented 11 years ago

Fait attention Marie, d'icidécembre le monde se sera peut-être rendu compte tout seul que le SEO c'est du gros BS

Le 27 septembre 2012 11:08, Marie Guillaumet notifications@github.com a écrit :

Est-ce que vous pouvez indiquer ici si vous êtes intéressé pour participer au le projet de redesign d’une manière ou d’une autre ? Même si vous n’êtes pas sûr d’avoir le temps ce n’est pas grave, ça permet juste de savoir qui veut être impliqué, qui veut faire quoi, et surtout de ne pas spammer les autres :-) Si vous voyez une issue sur laquelle vous souhaitez travailler, n’hésitez pas à vous l’assigner pour nous permettre de savoir que vous travaillez dessus.

Je suivrai le projet avec intérêt, néanmoins je ne peux pas m'engager à participer au redesign, je regrette :-(

Outre des questions évidentes de temps – dont je manque même pour mes projets à moi (pour rappel, mon portfolio est en cours de refonte depuis à peu près 12 ans), je souhaite prendre un peu de distance avec le web et me consacrer davantage à des projets « pure créa » en 2013.

Cependant, vous pourrez toujours compter sur moi pour beta tester et critiquer sans vergogne, ahah :-D

Et je n'oublie pas mon article sur le bullshit des « « « SEO managers » » », d'ici décembre a priori.

Bon courage les lapins :-*

Marie

— Reply to this email directly or view it on GitHubhttps://github.com/lesintegristes/lesintegristes-theme/issues/24#issuecomment-8930269.

// Guillaume kaneel Richard http://mynameiskaneel.com // With many lower than 3

ericlebihan commented 11 years ago

Hello all, ok pour moi aussi. Est-ce que les contraintes d'inté sont indiquées qqpart ? (désolé trop de tickets à vérifier...)

Je pense que pour un site simple comme les intégristes une version desktop pas trop large pour ne pas perdre le fil de lecture + version mobile devrait suffire, entre les deux version fluide, non ?

gregoiredierendonck commented 11 years ago

@kReEsTaL

Si tu changes d'avis, tu es bien-entendu également la bienvenue pour participer au redesign "graphique" du blog... (En parlant de "pure créa"...) :)

@ericlebihan

entre les deux version fluide, non ?

Par contre, je ne suis pas pour... Je pense que si on fait un design fluide, il faut paufiner les étapes intermédiaires... Histoire de "bosser propre"... :)

gregoiredierendonck commented 11 years ago

@toutlemonde, Maintenant et par la suite, n'hésitez pas à "critiquer" au sens premier du terme le redesign graphique du blog... C'est avec ça que nous arriverons à un bon compromis. Ex: @ericlebihan : Par le passé, ton avis parfois "tranché" nous a été d'une grande utilité... ;)

@bpierre : Pourrais-tu faire une copie du thème actuel quelque part...?

ericlebihan commented 11 years ago

@gregoiredierendonck : oui compte sur moi :-)

ericlebihan commented 11 years ago

Next step ?

bpierre commented 11 years ago

Pour la discussion sur le design fluide, passez plutôt sur une nouvelle issue ou sur le #14, sinon on va avoir beaucoup de mal à s’y retrouver :-)

@gregoiredierendonck OK pour ton process, c’est nickel pour moi. Je vais ajouter ça au wiki, et on pourra y indiquer l’étape en cours.

( Pour USA Today, je trouve ça intéressant, mais pas adapté au blog : eux ont beaucoup de contenus de différents types, des médias, etc. alors que la structure du blog est très simple. Ensuite, même si je trouve ça intéressant, je n’aime pas leur interface, que je trouve trop lourde. )

Pour revenir au sujet :

@kReEsTaL cool, je pense qu’on va avoir besoin de beta-testeurs :-)

@ericlebihan

Est-ce que les contraintes d'inté sont indiquées qqpart ? (désolé trop de tickets à vérifier...)

Tout est dans les tickets pour l’instant, normalement il suffit de lire les titres pour voir si tous les sujets ont été abordés… quand ça ne dévie pas trop. Au pire, crée un nouveau ticket si tu veux parler d’une contrainte en particulier.

Certaines issues attendent des réponses depuis quelques temps (support IE, suppression de jQuery, préprocesseur CSS) : https://github.com/lesintegristes/lesintegristes-theme/issues?state=open

J’ai commencé à mettre à jour cette page sur le wiki pour suivre le projet, et je pense la mettre à jour au fur et à mesure en reprenant les différents points que nous validons dans les issues : https://github.com/lesintegristes/lesintegristes-theme/wiki/Redesign

@gregoiredierendonck

@bpierre : Pourrais-tu faire une copie du thème actuel quelque part...?

Tu es assis dessus :-) Non sérieusement, si tu veux un backup, c’est ici : https://github.com/lesintegristes/lesintegristes-theme/zipball/master

Et si tu veux le voir, c’est ici, tant que le nouveau thème n’est pas passé : http://www.lesintegristes.net/

En gros : git permet d’avoir des branches, dont la principale est appelée master par défaut. Dans cette branche, le thème restera l’ancien jusqu’à la fin du redesign. Tout les modifications de code nécessaires pour le redesign se feront dans une nouvelle branche. Ensuite, il suffira de mélanger cette nouvelle branche dans la branche master, et le nouveau design sera en ligne.

@ericlebihan @kaneel , est-ce que vous pensez participer au code du redesign ?

Sinon, que pensez-vous des autres points de cette issue : Wiki, Outils, Langue ?

gregoiredierendonck commented 11 years ago

@bpierre

Tu es assis dessus :-)

Je me disait bien qu'un truc me faisait mal... Merci, j'ai rangé le truc ailleurs :)

@ericlebihan

Next step ?

C'est là que ça se complique un peu pour moi: je suis en vacances à partir de demain matin, et ce pour une semaine. Je serai donc dispo à partir de dimanche prochain pour rebosser là-dessus. Je peux vous faire un premier retour dimanche soir/lundi midi avec:

Résultat, je ne sais pas si vous pouvez avancer d'ici-là, où si ça vous bloque complétement?

bpierre commented 11 years ago

Résultat, je ne sais pas si vous pouvez avancer d'ici-là, où si ça vous bloque complétement?

Ne t’inquiète pas, on a de quoi faire d’ici là : #2 (je suis dessus), #4, #5, #6, #7 (peut-être plus tard, le JS va changer de toute façon), et #12 (j’attends de savoir si quelqu’un veut bosser sur la démo) !

bpierre commented 11 years ago

@ericlebihan @kaneel @grid23 @gafour bump! Alors, qui veut intervenir sur le code ?

bpierre commented 11 years ago

Bon, j’imagine que personne n’a le temps, n’hésitez pas à répondre si vous passez par là, même « NOPE », ça me va :-) (vous pouvez aussi répondre au mail, GitHub affichera votre commentaire).

Je vais commencer à avancer sur certaines parties (suppression du support IE, Stylus), faites-moi signe si vous voulez participer.

ericlebihan commented 11 years ago

Qu'est-ce que sous-entend ta question ? Si c'est pour participer au code une fois qu'on aura validé les maquettes finales de Grégoire, je suis partant (pour peu qu'on ne me mette pas la pression, le code n'étant plus vraiment mon activité quotidienne :-)

bpierre commented 11 years ago

Cool :-)

J’ai juste besoin de savoir un peu qui veut faire quoi, pour qu’on ne travaille pas sur les mêmes choses, et que chacun puisse choisir la partie sur laquelle il veut travailler. Ça permet aussi de savoir en gros combien on va être sur le projet, ça nous aiderait à savoir ce qui est « possible » (dans un temps raisonnable) ou pas quand on discute des évolutions.

Aucune pression hein, moi-même je n’ai aucune idée du temps que je peux y consacrer, c’est juste pour savoir qui aimerait bien participer :-)

Après je pense qu’il faut commencer avant la version finale des maquettes : il faut que tout le monde installe le thème en local, faut préparer / nettoyer le thème (c’est ce que je suis en train de faire), faire des démos pour valider nos idées et indiquer les contraintes à Grégoire, commencer à discuter des choix techniques, etc.

kaneel commented 11 years ago

Moi je peux juger, critiquer mais sérieux c'est mega chaud niveau temps libre production à la maison.

Le 28 septembre 2012 16:38, Pierre Bertet notifications@github.com a écrit :

Cool :-)

J’ai juste besoin de savoir un peu qui veut faire quoi, pour qu’on ne travaille pas sur les mêmes choses, et que chacun puisse choisir la partie sur laquelle il veut travailler. Ça permet aussi de savoir en gros combien on va être sur le projet, ça nous aiderait à savoir ce qui est « possible » (dans un temps raisonnable) ou pas quand on discute des évolutions.

Aucune pression hein, moi-même je n’ai aucune idée du temps que je peux y consacrer, c’est juste pour savoir qui aimerait bien participer :-)

Après je pense qu’il faut commencer avant la version finale des maquettes : il faut que tout le monde installe le thème en local, faut préparer / nettoyer le thème (c’est ce que je suis en train de faire), faire des démos pour valider nos idées et indiquer les contraintes à Grégoire, commencer à discuter des choix techniques, etc.

— Reply to this email directly or view it on GitHubhttps://github.com/lesintegristes/lesintegristes-theme/issues/24#issuecomment-8978341.

// Guillaume kaneel Richard http://mynameiskaneel.com // With many lower than 3

bpierre commented 11 years ago

@kaneel pas de problème, des retours c’est déjà cool :-)

gregoiredierendonck commented 11 years ago

Hello tout le monde,

Je vous avez promis des maquettes ce lundi!

Le boulot me prend plus de temps que prévu. Je suis dessus à fond, mais je gère ça le soir après le boulot, et le chantier est plus complexe que je ne le pensais... Je vous fait donc un retour au plus vite.

Encore une fois, j'espère ne pas vous bloquer, et que vous avez de quoi faire jusque là.

gregoiredierendonck commented 11 years ago

Concernant l'animation du header, une nouvelle idée peut-être mauvaise, ou pas:

Il faudra dans tous les cas un nombre maxi de persos dans ce header, en cas de grosse influence.

Ce système peut être marrant: reconnaître son avatar peut faire plaisir... Mais peut aussi faire peur: "on est fliqué, sur ce site? Je n'ai pas envi que tout le monde sache que je visite ce site."

Qu'en pensez-vous?

bpierre commented 11 years ago

Problème : pour afficher l’avatar de la personne, il nous faut son mail. On peut mettre un cookie quand quelqu’un commente, mais ça reste limité aux personnes qui commentent et dont le cookie n’a pas expiré.

gregoiredierendonck commented 11 years ago

Ok. Bon, tant pis. :)

gregoiredierendonck commented 11 years ago

Ou bien, à l'arrivée sur le site, on force l'utilisateur à donner son adresse mail. On en profite aussi pour lui demander son numéro de carte. On sait jamais, ça peut marcher.

bpierre commented 11 years ago

Ou bien, à l'arrivée sur le site, on force l'utilisateur à donner son adresse mail. On en profite aussi pour lui demander son numéro de carte. On sait jamais, ça peut marcher.

Oui je suis sûr que ça va marcher, les gens adorent donner leur mail après tout.

Sinon on a d’autres informations : OS, navigateur, résolution… on peut aussi s’intéresser au comportement de la personne sur le site. La position du scroll dont je parlais, mais ça peut aussi être le nombre de clics + le nombre de changements de directions du scroll, pour établir un genre de « profil » : nerveux, calme, etc., puis s’en servir pour le comportement du personnage qui représente la personne ?

gregoiredierendonck commented 11 years ago

Cool, tout ça... Ça donne à réfléchir. :) Mon cerveau entre en mode ébullition.

gregoiredierendonck commented 11 years ago

Hello tout le monde,

À cette adresse vous pourrez trouver la mise en page d'un article: http://www.gregoiredierendonck.fr/lesintegristes/

Comme vous pourrez le voir, je n'ai styler que le texte pour le moment. Il manque donc, en plus du header et du footer:

Pour info:

Qu'en pensez-vous? Balancez vos retours constructifs! :)

gregoiredierendonck commented 11 years ago

Ah oui, aussi, j'ai oublié de préciser que ma css était dégueulasse. C'est pas mon boulot, bordel! (Je suis obligé de bosser de cette manière < Fonts < Merci Typekit)

gregoiredierendonck commented 11 years ago

Oups, sorry, j'ai oublié de vous filer les identifiants/mdp: identifiant: gregoire mdp: gregoire2012

Ce sera plus facile comme ça. :)

welovewebdesign commented 11 years ago

Roohh ça a sérieusement de la gueule :+1: Je réduirais un poil l'interlignage et augmenterais un poil le margin (top/bottom). En retirant le background du body, je trouve que c'est pas mal aussi, nan ?

gregoiredierendonck commented 11 years ago

Merci pour ton retour, Rémi. Je tcheck ça.

Pour le background du body, je verrai ça avec le design global (header, footer, etc...)

Par contre... Quelqu'un a fait mumuse avec mon serveur? Les fichiers ont disparus... ./

gregoiredierendonck commented 11 years ago

Serveur réparé... Je ne sais pas ce qui a pu se passer... Sorry.

ericlebihan commented 11 years ago

Hello Grégoire,

Mes retours à chaud :

Autrement pour le reste, je trouve ça nickel ! pas mal les nouveaux styles des commentaires avec la photo dans un cercle :-)

ericlebihan commented 11 years ago

Ah oui aussi, je trouve la taille de typo trop grande. Une taille en dessous (ctrl -) je trouve ça mieux.

welovewebdesign commented 11 years ago

Je suis assez fan de la typo "fat" (genre : http://trentwalton.com/). Je penses que l'utilisateur est libre de zoomer/dézoomer si ça lui convient pas.

Pour les blocs de code j'imagine qu'on reprendra les styles de Prism, mis en place par Pierre (ex: http://code.lesintegristes.net/animation-direction/).

gregoiredierendonck commented 11 years ago

Merci pour ton retour, @ericlebihan .. :)

Réduire l'interlignage (surtout pour les listes) je rejoins Rémi sur ce point

Je tcheck ça

Idem le background, je ne suis pas fan.

Je verrai ça avec le style global (header, footer, etc...). J'ai juste mis ça pour le moment "au cas où".

la colonne de droite : pas assez de contraste entre le fond et la typo (je trouve ça trop fade, en fait)

Le but était d'avoir ici peu de contraste pour mettre plus en avant le contenu central. Je peux retravailler ça si les autres sont de cet avis. Dans tous les cas, le texte doit être parfaitement lisible. Si ce n'est pas le cas, alors je modifie ça dans tous les cas. Qu'en pensez-vous?

Dernière "news", on avait dit qu'on n'utilisais pas "news" parce que les "notes" ne sont pas forcément des "news", mais ça il faut qu'on en discute (bon ça c'est du wording...)

Wording

Pour les commentaires dans la version actuelle on a un style général, un encadré plus épais quand c un commentaire de l'auteur, et une bordure épaisse à gauche quand c'est un commentaire d'un des auteurs du blog. Tu as prévu qqchose de ce goût là ?

Pas de problème pour conserver un comportement similaire

Les blocs de code, à mon avis il faut qqchose de plus travaillé, juste un encadré, c pas assez. Pas sur non plus des blockquotes, vous en pensez quoi les autres ?

Je voudrai travailler ces blocs une fois le script qui colorie le code mis en place. Pour l'instant, j'ai juste mis un contour et choisis une police. Pour infos, je me suis inspiré sur ce point de la mise en page de GitHub. Donnez-moi votre avis, les autres. Idée: utiliser un rond avec des "< >" un peu dans le style des blockquotes. (Je sais, tu n'aimes pas les blocquotes ;) )

Merci en tout cas pour ce retour constructif.

Questions supplémentaires:

gregoiredierendonck commented 11 years ago

@welovewebdesign :

Pour les blocs de code j'imagine qu'on reprendra les styles de Prism, mis en place par Pierre

Merci pour l'info.

Donc, il n'y aurait plus de chiffres pour compter les lignes sur la gauche L'idéal serait de bosser en live avec le script mis en place - cela sous-entend mettre en place une adresse de texte, genre: test.lesintegristes.net ...

Compliqué à mettre en place?

ericlebihan commented 11 years ago

@welovewebdesign : Perso je trouve pas ça super agréable de lire un texte quand la taille de la typo est trop grande.

gregoiredierendonck commented 11 years ago

@bpierre , @welovewebdesign : Va falloir qu'on se mette d'accord sur cette *\ de taille de police ;)

Forcément, je suis plus de l'avis de @welovewebdesign , mais aucun problème pour modifier ça si la majorité est de cet avis.

Les autres votre avis?

gregoiredierendonck commented 11 years ago

http://www.elmastudio.de/webdesign/verlosung-die-bucher-responsive-webdesign-und-mobile-webseiten-zu-gewinnen/ Je trouve ce blog assez agréable à lire, même si les longueurs de lignes sont abusives.

Plus, par exemple, que ça: http://cognition.happycog.com/article/pornography-setting-the-standard

Non?

welovewebdesign commented 11 years ago

@ericlebihan Je suis d'accord avec toi, le problème est que ton interprétation "texte trop grand" sera pas forcément la même pour quelqu'un d'autre. Le zoom faisait flipper à l'époque ou on faisait du "pixel perfect" mais si on part sur un truc responsive/adaptive je penses qu'il faut pas en avoir peur et justement laisser la possibilité au gens de l'ajuster à leur goût (bon après c'est clair que c'est pas un comportement habituel).

(note pour moi: arrêtes de cliquer sur les boutons sur Github, cordialement)

ericlebihan commented 11 years ago

@gregoiredierendonck ha ha ha oui tu prends deux exemples extrèmes... C clair que dans le deuxième cas c'est pas super agréable. Le premier cas est pas mal effectivement, mais je pense que ça fonctionne sur cet exemple parce que le site prend plus de largeur pour ces textes que les intégristes. Ou alors il faut revoir la largeur du blog... Et dans ce cas là revoir la taille des typos au redimensionnement de la page selon qu'on est en 1600, 1200 ou 1000.

ericlebihan commented 11 years ago

Il y a aussi, le fait que plus ta typo va être grande et les interlignages espacés et plus ton article va être long, sur ton exemple l'article est court et ce n'est pas forcément le cas sur les intégristes. Je pense qu'il faut tester avec un véritable article voir ce que ça donne + le header.

gregoiredierendonck commented 11 years ago

Juste pour info:

Toujours sur le site http://www.elmastudio.de/webdesign/verlosung-die-bucher-responsive-webdesign-und-mobile-webseiten-zu-gewinnen/

Le site est responsive. Quand tu passes à une largeure de 680px sur la colonne centrale, comme sur notre site, la taille de texte et la largeure de ligne est à peu près identique... Et je trouve ça plutôt pas mal.

Je t'ai fait une capture écran: https://dl.dropbox.com/u/372731/LESINTEGRISTES/Bildschirmfoto%202012-10-15%20um%2012.40.51.png

Après encore une fois, ce n'est que mon avis perso, il n'y a pas de problème pour modifier ca.

gregoiredierendonck commented 11 years ago

Après, il faut que je revoi en effet l'interlignage. :)

bpierre commented 11 years ago

Hello,

Retour HS : il faudrait poster les propositions dans une issue dédiée, parce que ça va générer beaucoup de discussion. Là on est dans le sujet « Workflow » (donc méthodes de travail), qui était déjà très bruyant, je pense qu’on est en train de l’achever. En fait vu le nombre d’infos qu’il y a sur le design ici, je vais déplacer le sujet de Workflow ailleurs.

Retour HS 2 : Grégoire, je te vois donner un mot de passe, tu sais que ces discussions sont publiques hein ? :-)

Mes vrais retours :

Je trouve ça très cool dans l’ensemble !

Pour la taille du texte : je trouve ça nickel pour lire, et puis c’est aussi permis par le responsive design, on peut adapter selon les résolutions. Personnellement, j’utilise de plus en plus Readable quand je veux lire et que la taille de texte n’est pas assez grande (configuré à peu près comme le texte de ce design). Et puis c’est tout petit par rapport à d’autres. :-)

Le style des boutons est cool, on s’attend à les voir réagir en appuyant dessus, ça va être cool :-)

La deuxième horloge sur les commentaires sera remplacée par le crayon hein ?

Pour le champ de recherche, je pense que ce serait cool de mettre un label pour le « rechercher », et un exemple dans le placeholder.

( OK pour Markdown dans les commentaires. )

Pour les commentaires oui, ce serait bien de reprendre un principe similaire pour identifier l’auteur. Est-ce qu’on garde aussi l’identification d’un auteur du blog (qui n’est pas l’auteur de l’article en cours) ?

Les commentaires héritent des mêmes styles que l'article

Ça c’est très bien le fond blanc, on n’a plus de problème de contraste, et on peut reprendre les styles de l’article effectivement. Très cool.

Pour le code, je voudrais styler ça une fois le script qui mets les couleurs en place. Pour le moment, j'ai juste mis un contour et choisis une police.

Oui comme le disait Rémi j’ai commencé à mettre en place un nouveau script pour styler le code (pas encore en ligne, juste un test sur code.lesintegristes pour l’instant). Pas de numéro de lignes mais avec un highlight. J’ai repris les couleurs de l’ancien, mais il faudrait quelque chose comme 4 couleurs en plus. Je vais te préparer une page sur laquelle tu aura des exemples de code (HTML, CSS, JS), et où tu pourra configurer les différentes couleurs.

Pour les polices, j'ai commencé à tchecker des polices libres, mais rien de good pour le moment... Je continue ce travaille en parrallèle, mais jusqu'à maintenant...

OK, bon j’imagine que tu as tes sources, mais n’hésite pas si tu veux des liens.

Chez moi, le marron utilisé un peu partout est "chaud, virant vers l'orangé". Sur l'ordi du boulot, il vire un peu au dégueulasse... Et chez vous? La couleur vous plaît?

Oui c’est bien, par contre je pense que le contraste des boxes de droite et des boutons n’est pas assez élevé.

bpierre commented 11 years ago

Voilà, j’ai appelé cette issue « Retours Design ».

Pour discuter du Workflow c’est ici : #51

gregoiredierendonck commented 11 years ago

@bpierre et les autres

Voilà, j’ai appelé cette issue « Retours Design »

Cool :)

Grégoire, je te vois donner un mot de passe, tu sais que ces discussions sont publiques hein ? :-)

Je sais. Mais je ne voyais pas d'autres moyens de vous montrer ça avec les polices. Et mon serveur et vide pour le moment. Je changerai le mot de passe en temps voulu. :)

Pour la taille du texte : je trouve ça nickel pour lire, [...] Et puis c’est tout petit par rapport à d’autres. :-)

Je suis définitivement d'accord avec toi.

La deuxième horloge sur les commentaires sera remplacée par le crayon hein ?

Of course. Ce qui m'amène à la question: utilise-t'on pour chaque icône le format svg? (Adaptive design, etc...) J'ai fait ça sur un site au taf. Ça fonctionne, mais en terme de performance, je n'en sais rien. (Plus facile à styler, redimmensionnement impecable, etc. ... Mais? Lourd?)

Pour le champ de recherche, je pense que ce serait cool de mettre un label pour le « rechercher », et un exemple dans le placeholder.

Oki doki (Mais est-ce vraiment nécessaire? Beaucouuuuup de sites s'en passent.)

Pour les commentaires oui, ce serait bien de reprendre un principe similaire pour identifier l’auteur. Est-ce qu’on garde aussi l’identification d’un auteur du blog (qui n’est pas l’auteur de l’article en cours) ?

A vous de me dire. Je trouve que c'était pas mal, comme système...

Je vais te préparer une page sur laquelle tu aura des exemples de code (HTML, CSS, JS), et où tu pourra configurer les différentes couleurs.

Super! :)

à propos des polices libres: OK, bon j’imagine que tu as tes sources, mais n’hésite pas si tu veux des liens.

Balance, man, cadance, man.

Le contraste des boxes de droite et des boutons n’est pas assez élevé.

Ok. :-1:

:)

gregoiredierendonck commented 11 years ago

@bpierre et les autres

Bon exemple pour la taille de texte, Readable: http://readable.tastefulwords.com/... (Cliquer sur "Show setup")

bpierre commented 11 years ago

@gregoiredierendonck pour Readable, je suis encore un poil plus grand :-)

Ce qui m'amène à la question: utilise-t'on pour chaque icône le format svg?

C’est le problème du vectoriel : très intéressant pour les grandes tailles, et de moins en moins dès qu’on diminue les dimensions. Mais ça nous permet de dynamiser l’horloge sans avoir à générer des tonnes d’images. Ça nous permet aussi d’être impeccable sur des écrans à haute résolution, voire sur mobile / tablettes au zoom (sur un commentaire pour mieux le lire par exemple).

Pour le crayon, pas de problème, on n’a qu’un seul crayon (SVG externe, en background ou dans un <img>). Pour l’horloge, je vais regarder ce qu’on peut faire pour optimiser, mais ce n’est pas non plus énorme (code SVG de l’horloge ici : http://bl.ocks.org/3791360 ).