Framanews wants you ! (again)

[Luc Didry]

Salut,

Je reviens à la charge sur Framanews.

J'ai complété un peu la page d'accueil (http://framanews.org), enfin,
surtout la FAQ.

J'ai éliminé un bug vis-à-vis des vieux smartphones (qui n'affichaient
pas une image svg, j'ai mis du png) mais un bug restera : le bouton
« faire un don » car :
- ça fait partie de la barre framanav, je vais pas m'amuser à y toucher
- c'est du css sprite, si le navigateur peut pas faire ça, zut !

Donc je vous resollicite pour avoir vos avis éclairés :
- couleurs (oui, elles sont à ch**r), polices…
- ça passe bien sur vos ordis/navigateurs ?
- informations manquantes ? Informations en trop ?
- sortir des trucs de la FAQ et les mettre dans un écran ?
- Obiwan Kenobi

Merci :)
--
Luc
http://www.fiat-tux.fr/
Envoyé depuis mon serveur de messagerie personnel.
Je suis le seul à pouvoir lire mon courrier. Et vous ?

[yostral]

Bravo Luc, ça avance bien !

Quelques remarques :

 - les couleurs : euh... le Framanews, il pique les yeux ! Je te mets en lien un doc sur la charte graphique utilisée, avec couleurs et polices. (merci Sandra !)

​

 Charte graphique FramAccueil.pdf

​

 - Ta barre de menu qui fait défiler les différentes sections, avec la Framanav au-dessus, je trouve qu'elle passe un peu inaperçue. On les confond presque. On n'est pas tenté de l'utiliser. Peut-être la mettre plus en valeur un peu plus bas et non pas collée à la Framanav ? La mettre dans un "cadre" ? ... De plus ta barre n'apparaît pas sur smartphone (normal ?).

 - Pourquoi autant de vide avant "Framanews" ? On dirait qu'il manque quelque-chose, que des infos importantes (ben oui, c'est le début de la page) sont absentes.

 - Peut-être mettre à la fin de chaque "section" une flèche à cliquer pour remonter au sujet principal du début : Framanews . Ça sera peut-être moins utile si on arrive à voir plus facilement ta barre de navigation. Car quand on fait défiler pour aller dans les autres sections, on ne la distingue carrément plus.

 - Sur smartphone, tu as le même problème qu'il y avait sur la nouvelle page d'accueil : ta page fait environ le tiers de la page "réelle". Donc selon le navigateur, tu as ta page en petit collé à gauche de l'écran, avec à droite les 2 autres tiers vides. Ou ta page s'affiche en pleine largeur d'écran mais on peut scroller du double vers la droite. Il me semble que c'est Alexis qui avait corrigé ça.

Voilà pour le moment :-)

[Luc Didry]

Le 09/05/2013 00:09, yostral a écrit :
> Bravo Luc, ça avance bien !
>
> Quelques remarques :
> - les couleurs : euh... le Framanews, il pique les yeux ! Je te mets en
> lien un doc sur la charte graphique utilisée, avec couleurs et polices.
> (merci Sandra !)
>

> Charte graphique
> FramAccueil.pdf<https://docs.google.com/a/framasoft.org/file/d/1B2NVV1HtpnkqUmmelkrrEcVTm6QIpQaBO4XM0bUNJQAxgUoLD0USe3nMKVbm/edit?usp=drive_web>
> ​

Pile poil ce qu'il me fallait. Je m'étais inspiré de framadate, mais
avec une bonne charte graphique, c'est nickel :D

Bon, la police pour le <p>, je trouve que ça fait moins bien que celle
par défaut du twitter bootstrap… donc je garde le twitter…

Par contre, la charte graphique ne mentionne pas de couleurs de fonds…
Faites moi des propositions, parce que c'est un peu hard quand même
comme c'est là :) Valeurs des couleurs en hexa bienvenues.

> - Ta barre de menu qui fait défiler les différentes sections, avec la
> Framanav au-dessus, je trouve qu'elle passe un peu inaperçue. On les
> confond presque. On n'est pas tenté de l'utiliser. Peut-être la mettre plus
> en valeur un peu plus bas et non pas collée à la Framanav ? La mettre dans
> un "cadre" ? ...

Moui, un cadre + pas la couleur de la 1ère slide. J'ai changé ça, tu me
dis ce que tu en penses ?

> De plus ta barre n'apparaît pas sur smartphone (normal ?).

Oui, normal :
1 - ça alourdit sur le peu de place d'un smartphone
2 - c'est chiant de faire un truc correct avec la framanav déjà au
dessus. Mais j'ai trouvé un workaround : une entrée framanews dans la
framanav quand on est en smartphone (non, je ne pense pas que ce serait
pertinent dans la version desktop).

>
> - Pourquoi autant de vide avant "Framanews" ? On dirait qu'il manque
> quelque-chose, que des infos importantes (ben oui, c'est le début de la
> page) sont absentes.

C'était pour faire une slide d'accueil, avec juste l'essentiel. Mais
j'ai réduit.

>
> - Peut-être mettre à la fin de chaque "section" une flèche à cliquer pour
> remonter au sujet principal du début : Framanews .

Bonne idée ! J'ai fait une petite flèche, j'hésite à la mettre en
bouton. Juste la flèche, c'est léger et clean mais pas forcément clair,
en bouton c'est gros. Vous préfèrez quoi ?

> Ça sera peut-être moins
> utile si on arrive à voir plus facilement ta barre de navigation. Car quand
> on fait défiler pour aller dans les autres sections, on ne la distingue
> carrément plus.

On ne la distingue plus ? Tu veux dire qu'on ne la voit pas bien à cause
de la couleur choisie ou autre ? Pas qu'elle disparaît, hein ?

>
> - Sur smartphone, tu as le même problème qu'il y avait sur la nouvelle
> page d'accueil : ta page fait environ le tiers de la page "réelle". Donc
> selon le navigateur, tu as ta page en petit collé à gauche de l'écran, avec
> à droite les 2 autres tiers vides. Ou ta page s'affiche en pleine largeur
> d'écran mais on peut scroller du double vers la droite. Il me semble que
> c'est Alexis qui avait corrigé ça.
>

Pff ! Je viens de voir où est le problème… C'est la faute à la framanav.
Je viens de faire un fix + pull request.

[peupleLà]

mmmmh

polices : garder les polices bootstrap, c'est dire on a fait un bootstrap... donc on lieu de créer un 'univers' frama, même hétérogène et plus ou moins bordélique, on fait le choix de montrer l'univers bootstrap..

ce n'est pas neutre comme choix.

Il faut aboslument virer le bleu. Le bouton bleu énorme de connexion => perso je les verrai en blanc ou gris léger (cf page d'accueil, crédits et mentions légales, par ex.)

Les couleurs de lien aussi : le bleu des liens est très agressif

le Beta en rouge vif, euh... comment dire...

Je verrais plus une sorte de gris moyen en filigrane

Et enfin, Framanews, ça s'inscrit dans quoi ? Framacloud ? Libr'enVrac ?

Si Framacloud => le news devrait être en vert

Si Libr'en Vrac => le news devrait être en jaune.

Pour qch de plus détaillée, je n'aurai pas le temps aujourd'hui, mais je verrai si j'arrive à dégager du tps d'ici la fin du we

++s

--
Sandra

[peupleLà]

est-ce que je peux avoir un accès ftp et créer une alter-css sur la base de ce que tu as déjà fait ?

++s

--
Sandra

[Alexis Kauffmann]

Bonjour

Je trouve ça fort sympa en tout cas et ça commence à bien prendre forme ;)

Amicalement,
Alexis

[Luc Didry]

Ça il faut demander à pyg. Sinon tu peux cloner le repo git :
git clone --recursive https://github.com/ldidry/framanews.git
puis tu ouvres l'index.html avec ton navigateur.

[Luc Didry]

Le 09/05/2013 17:33, peupleLà a écrit :
> mmmmh
>
>

> polices : garder les polices bootstrap, c'est dire on a fait un
> bootstrap... donc on lieu de créer un 'univers' frama, même hétérogène et
> plus ou moins bordélique, on fait le choix de montrer l'univers bootstrap..
> ce n'est pas neutre comme choix.

Bon. Je vais tenter qq chose. Ça a l'air correct. Faut juste voir si y a
pas un endroit qui m'a échappé (je peux changer sur tout le document
sinon ça flingue la framanav… true story)

> Il faut aboslument virer le bleu. Le bouton bleu énorme de connexion =>
> perso je les verrai en blanc ou gris léger (cf page d'accueil, crédits et
> mentions légales, par ex.)

Changé

> Les couleurs de lien aussi : le bleu des liens est très agressif

Changé pour la couleur de la charte graphique (j'avais oublié)

> le Beta en rouge vif, euh... comment dire...
> Je verrais plus une sorte de gris moyen en filigrane

Fait. Enfin, le gris. Le filigrane, je vois pas trop ce que tu veux
dire. Le rouge, c'était pour que ça se voit.

> Et enfin, Framanews, ça s'inscrit dans quoi ? Framacloud ? Libr'enVrac ?
>
> Si Framacloud => le news devrait être en vert
> Si Libr'en Vrac => le news devrait être en jaune.

En toute logique, framacloud. Changé

[Luc Didry]

Ah, pis j'ai mis des teintes pastel pour les couleurs de fonds, histoire
de pouvoir regarder la page sans lunettes de soleil :D

[Cyrille Largillier]

Bravo Luc pour la mise en place de ce service.
En tout cas, la deuxième version est visuellement plus jolie que la première.

A+
Cyrille L

--

"La route est longue, mais la voie est libre…"
www.framasoft.org

Framasoft ne vit que par les DONS individuels de ses utilis'acteurs.
(grâce à la déduction d'impôts de 66%, faire un don de 10 € mensuel ne
vous coûtera que 3,40 € !)
Merci d'avance ;-)
soutenir.framasoft.org

[peupleLà]

oui Luc,

j'ai répondu tellement vite que j'en ai oublié le plus important : merci pour le super boulot !

++s

--
Vous recevez ce message, car vous êtes abonné au groupe Google Groupes Framacloud.
Pour vous désabonner de ce groupe et ne plus recevoir d'e-mails le concernant, envoyez un e-mail à l'adresse framacloud+...@googlegroups.com.
Pour envoyer un message à ce groupe, adressez un e-mail à frama...@googlegroups.com.
 
 

--
Sandra

[Luc Didry]

Le 09/05/2013 19:04, peupleLà a écrit :
> oui Luc,
>
> j'ai répondu tellement vite que j'en ai oublié le plus important : merci
> pour le super boulot !
>
> ++s
>

Pas de souci, c'est souvent comme ça dans les developers preview : on se
concentre sur ce qui va pas :) J'ai fait la même chose avec mon tout
beau tout neuf téléphone FirefoxOS : je vois + les bugs que les trucs
qui vont bien…

Et puis après tout, je recherchais les critiques :D

Merci à toi pour tes retours, c'est vrai que c'est mieux comme ça (même
si je trouve que ça manque un peu de couleurs (mais j'ai mauvais goût :))

Au passage : tu aurais une autre couleurs pour les liens que #666 ? Je
les trouve pas visibles. Ou alors je rajoute un text-decoration:underline.

[peupleLà]

re-

comme je t'ai dit, je suis sur un autre truc aujourd'hui, mais je prendrai un vrai moment pour faire un point sur les couleurs et la structuration de la page aussi.

Pour la font, c'est une question de taille. Éventuellement, tu pourrais passer tous les p en bold... ça donne tout de suite plus de tenue, mais ça n'est pas sémantiquement correct, donc faut voir...

Pour les liens => il y a un pseudo underline prévu dans la charte (border 1 px dotted) sur la a et sur le a:hover (même couleur que le lien lui-même, donc 666 sur a et 6A5687 sur :hover)

Pour les couleurs, oui, je suis d'accord avec toi: il faut trouver comment donner un peu de peps. je regarderai pour te faire des propositions, y compris sur les bg (a priori, je dirais qu'il faut regarder vers les complémentaires du vert 'cloud', mais faut que je fasse quelques essais pour tester)

Je pense aussi qu'il faut fixer un min-height sur tes différentes parties, et en particulier sur le haut de page. Mais ça s'ajustera aussi en rééquilibrant. De manière générale, il vaut mieux respecter la règle des tiers pour les blocs (certains maniaques vont jusqu'au nombre d'or... mais bon...)

++s

--
Sandra

[peupleLà]

edit :

il faudra que je corrige sur la charte...

les liens sont en #888 (c'est léger, mais ça fait une différence quand même)

s

--
Sandra

[yostral]

Ah oui, cette version est bien mieux ! :-)

Les couleurs passent beaucoup mieux, ça fait plus "pro".

Ce qui continue de me chagriner, c'est ta barre de navigation. Ok elle a maintenant bien fière allure, on la voit bien, c'est très joli, mais avoir une deuxième barre comme ça collée à la Framanav, je trouve ça perturbant. Ça fait gros bloc, on ne sait pas trop à quoi ça correspond. Y'aurait-il moyen (oui je pense) de mettre les items de ta barre dans un cadre flottant, sur la gauche par exemple, étant donné qu'il n'y a pas d'info, le texte étant plutôt centré sur la page ? Une sorte de menu, les items les uns en dessous les autres, et qui reste toujours au même endroit de l'écran, au même titre que la Framanav reste en haut ?

Les flèches pour remonter, c'est très bien. Comme tu le dis, elles sont peut-être un peu petites et donc pas forcément bien visibles. Et faire un scrolling rapide pour remonter, comme tu fais pour la descente à une section, possible aussi ? Ça ferait plus fluide et on comprendrait mieux ce qu'il se passe.

Sur mobile, effectivement l'intégration de ta barre dans la framanav n'est peut-être pas très utile et on perd du coup la cohérence avec la Framanav sur les autres sites.

Sur mobile toujours, le "beta" est quasiment tout caché derrière le "news". Il n'est pas assez décalé vers la droite, comme il l'est sur ordi.

À bientôt !

[peupleLà]

suggestions/propositions pour la css de framanews

#home {min-height: 500px;}

Il faut un min-height, à convertir en em (attention cependant, appeler ce min-height par media-queries pour éviter pb sur plateformes mobiles)

bg-color sur #kesaco, #kezako-rss, #komen-sa-marche, #framarticle_toolbar, #mobilite, #faq
#C9D7A1 - #9DCE88 - #AACE9B -  #C5D78D - #DBD8A4- #DBD790

(c'est une proposition qui s'éloigne de ce que tu voulais faire, je pense ; elle a le mérite de beaucoup unifier et de donner de la cohérence - vois ce que ça donne et si ça te semble bien)

img/beta => décaler l'img qui est trop collée sous le framanews, guère lisible. Le gris contribue à éteindre et il faudrait peut-être une couleur chaude. J'essaierai un rouille/brun, type #c74a04 (mais faut tester)

Mes petits camarades de framalang/book le savent, je suis une maniaque de l'apostrophe typo => donc passer toutes les apostrophes en apostrophes typos + vérifier qu'il y a bien les insécables devant les signes doubles de ponctuation.


TODO : il faut que je voie pour les fonts, et la structuration des blocs de texte.

+ je suis d'accord avec yostral pour la deuxième barre de nav qui pose pb. J'essaie de réfléchir à qch aussi

++s

Sandra

[Luc Didry]

On 10/05/2013 17:00, peupleLà wrote:
> suggestions/propositions pour la css de framanews
>
> #home {min-height: 500px;}
> Il faut un min-height, à convertir en em (attention cependant, appeler ce
> min-height par media-queries pour éviter pb sur plateformes mobiles)
>
> bg-color sur #kesaco, #kezako-rss, #komen-sa-marche, #framarticle_toolbar,
> #mobilite, #faq

> #*C9D7A1 *- #*9DCE88 *- #*AACE9B *- #*C5D78D *- #*DBD8A4*- #*DBD790*

> (c'est une proposition qui s'éloigne de ce que tu voulais faire, je pense ;
> elle a le mérite de beaucoup unifier et de donner de la cohérence - vois ce
> que ça donne et si ça te semble bien)

Non, c'est bien, j'aurais bien fait un dégradé comme ça, mais les couleurs et moi…

>
> img/beta => décaler l'img qui est trop collée sous le framanews, guère
> lisible.

Fait. Voir plus bas pour plus de détails.

> Le gris contribue à éteindre et il faudrait peut-être une couleur
> chaude. J'essaierai un rouille/brun, type #c74a04 (mais faut tester)

Changé pour #c74a04, c'est pas mal ;)

>
> Mes petits camarades de framalang/book le savent, je suis une maniaque de
> l'apostrophe typo => donc passer toutes les apostrophes en apostrophes
> typos + vérifier qu'il y a bien les insécables devant les signes doubles de
> ponctuation.
>

Fait.

>
> TODO : il faut que je voie pour les fonts, et la structuration des blocs de
> texte.
>
> + je suis d'accord avec yostral pour la deuxième barre de nav qui pose pb.
> J'essaie de réfléchir à qch aussi

Fait aussi. Voir plus bas.

> ++s
>
>
>
> Le 9 mai 2013 23:28, yostral <yos...@framasoft.org> a écrit :
>
>> Ah oui, cette version est bien mieux ! :-)
>>
>> Les couleurs passent beaucoup mieux, ça fait plus "pro".
>>
>> Ce qui continue de me chagriner, c'est ta barre de navigation. Ok elle a
>> maintenant bien fière allure, on la voit bien, c'est très joli, mais avoir
>> une deuxième barre comme ça collée à la Framanav, je trouve ça perturbant.
>> Ça fait gros bloc, on ne sait pas trop à quoi ça correspond. Y'aurait-il
>> moyen (oui je pense) de mettre les items de ta barre dans un cadre
>> flottant, sur la gauche par exemple, étant donné qu'il n'y a pas d'info, le
>> texte étant plutôt centré sur la page ? Une sorte de menu, les items les
>> uns en dessous les autres, et qui reste toujours au même endroit de
>> l'écran, au même titre que la Framanav reste en haut ?

C'est fait. À toi de me dire ce que tu en penses

>> Les flèches pour remonter, c'est très bien. Comme tu le dis, elles sont
>> peut-être un peu petites et donc pas forcément bien visibles.

Passées en bouton (+ visible).

>> Et faire un
>> scrolling rapide pour remonter, comme tu fais pour la descente à une
>> section, possible aussi ? Ça ferait plus fluide et on comprendrait mieux ce
>> qu'il se passe.

Fait.

>>
>> Sur mobile, effectivement l'intégration de ta barre dans la framanav n'est
>> peut-être pas très utile et on perd du coup la cohérence avec la Framanav
>> sur les autres sites.

Retiré.

>> Sur mobile toujours, le "beta" est quasiment tout caché derrière le
>> "news". Il n'est pas assez décalé vers la droite, comme il l'est sur ordi.

J'ai changé. Ce n'est plus un background css mais une image qui change d'endroit et d'orientation
selon la taille de l'écran (ça fait d'ailleurs un truc un peu bizarre : position 1, puis 2 (caca,
donc changement), puis 1, puis 2 (re-caca, re-changement)).

[yostral]

Ah bah voilà qui est beaucoup mieux je trouve !

Ton menu en haut à gauche rempli bien sa fonction, mais le bleu vif comme ça, ça jure par rapport au reste !

Tu n'aurais pas moyen de remettre les tons que tu avais quand c'était dans ta barre, c'est à dire dans les même ton que la Framanav ? Ça ferait plus cohérent et plus intégré.

Sinon, je ne trouve pour le moment plus grand chose à dire. Je laisse Sandra prendre le relais plus pointu ;-).

[Luc Didry]

C'est le bleu qui indique où tu es qui te gène ? Pas de pb pour le changer, du moment qu'on me fournit le code :-) Moi et les couleurs… peut-être un vert, pour rester dans le ton ?
--
Luc
http://www.fiat-tux.fr

[Luc Didry]

Je viens de tester un vert que je trouve pas mal… Un retour ?

Sinon, Sandra, ton histoire de min-height, pourquoi ? T'aimes pas les
padding-top et padding-bottom ?
Parce qu'avec min-height, j'arrive pas à mettre le texte au milieu de
l'axe vertical. Tu pourrais proposer le reste de la css pour que ça le
fasse ? ;)

[ArnaudSVT]

Bonjour Luc,

Je n'ai pas eu le temps de suivre toutes les évolutions de la page d'accueil mais je la trouve très bien, j'aime bien le vert.

ça passe sous Chromium / SRWare Iron & sur tablette Android (galaxy tab).

Je viens de me créer un compte et j'ai déjà quelques retours à faire .. c'est peut-être trop tôt mais au cas où.

1) on reçoit un mail avec un mot de passe temporaire. Il serait bien d'avoir un lien vers framanews dans ce mail.

2) au login, on a la possibilité de cocher "Minimiser l'usage du trafic" .. il faudrait une infobulle ou un lien vers la FAQ pour comprendre les avantages et inconvénients de ce choix.

Bon, pour le reste (l'essentiel), je cherche un moyen d'exporter mes flux ... et je viens de me rendre compte que ma solution actuelle (Feedly) ne le permet pas arffff!!

A+

Arnaud

Le 8 mai 2013 18:48, Luc Didry <l...@didry.org> a écrit :

[Gatien Bovyn]

Mes 2 cents ^^


Il y a un point en trop ici :

• Importer ses flux aux format OPML.

Le point égaré retrouve sa place ! :-D

Framasoft n’utilisera vos données — adresse email (nécessaire), nom (facultatif) — uniquement pour les besoins du service (renvoi de mot de passe, etc.)

La tournure est un peu étrange : « Framasoft n'utilisera vos données -que- pour » ? Le "uniquement pour" sonne bizarrement je trouve, surtout avec la négation devant.
 

[Luc Didry]

Le 11/05/2013 10:13, Gatien Bovyn a écrit :
> Mes 2 cents ^^
>
>
> Il y a un point en trop ici :
>

> - Importer ses flux aux format OPML.

Merci, c'est corrigé !

[Luc Didry]

Le 11/05/2013 10:06, ArnaudSVT a écrit :
> Bonjour Luc,
>
> Je n'ai pas eu le temps de suivre toutes les évolutions de la page
> d'accueil mais je la trouve très bien, j'aime bien le vert.
> ça passe sous Chromium / SRWare Iron & sur tablette Android (galaxy tab).
>
> Je viens de me créer un compte et j'ai déjà quelques retours à faire ..
> c'est peut-être trop tôt mais au cas où.
> 1) on reçoit un mail avec un mot de passe temporaire. Il serait bien
> d'avoir un lien vers framanews dans ce mail.

Fait.

> 2) au login, on a la possibilité de cocher "Minimiser l'usage du trafic" ..
> il faudrait une infobulle ou un lien vers la FAQ pour comprendre les
> avantages et inconvénients de ce choix.

Je ne sais pas ce que ça fait… et j'ai du me taper les logs de git !
Merci bien !


Je blague, c'est bon, j'ai ajouté un lien vers la FAQ.

> Bon, pour le reste (l'essentiel), je cherche un moyen d'exporter mes flux
> ... et je viens de me rendre compte que ma solution actuelle (Feedly) ne le
> permet pas arffff!!

Ha, la joie d'utiliser des services propriévateurs ! (mix entre
propriétaire et privateur, pour pas lancer de troll :D, je propose
d'ailleurs de l'adopter dans nos traductions Framalang)

[ArnaudSVT]

Le 11 mai 2013 14:04, Luc Didry <l...@didry.org> a écrit :

Le 11/05/2013 10:06, ArnaudSVT a écrit :

> 2) au login, on a la possibilité de cocher "Minimiser l'usage du trafic" ..
> il faudrait une infobulle ou un lien vers la FAQ pour comprendre les
> avantages et inconvénients de ce choix.

Je ne sais pas ce que ça fait… et j'ai du me taper les logs de git !
Merci bien !


Je blague, c'est bon, j'ai ajouté un lien vers la FAQ.

Super.

Le texte contient deux fois "  peut être utile "

Je viens de me rendre compte que dans cette FAQ "Pourquoi une inscription obligatoire" , FramaDate, FramaPad ... les Date, Pad, sont en vert .. sur fond vert .. à éviter :D

> Bon, pour le reste (l'essentiel), je cherche un moyen d'exporter mes flux
> ... et je viens de me rendre compte que ma solution actuelle (Feedly) ne le
> permet pas arffff!!

Ha, la joie d'utiliser des services propriévateurs ! (mix entre
propriétaire et privateur, pour pas lancer de troll :D, je propose
d'ailleurs de l'adopter dans nos traductions Framalang)

Certes, j'avais suivi vite fait les conseils de Korben .. la gestion simplifié de Feedly est très agréable, mais effectivement, ce service ne propose pas cette option "de base".

A+

Arnaud 

 

[yostral]

Ah oui, avec le vert, c'est bien mieux. Est-ce le même vert que le "news" de Framanews ? Si non, il serait peut-être plus simple et cohérent d'utiliser celui-ci.

En tout cas, c'est bien chouette maintenant ! :-) Bravo !

[Luc Didry]

Le 11/05/2013 18:34, yostral a écrit :
> Ah oui, avec le vert, c'est bien mieux. Est-ce le même vert que le "news"
> de Framanews ? Si non, il serait peut-être plus simple et cohérent
> d'utiliser celui-ci.
>

Non, ce n'est pas le vert framanews : je le trouve trop sombre,
tristoune, et il n'aide pas à la lecture.
Je viens de mettre le vert framanews pour que vous puissiez voir. Mais
je préfère mon premier vert.

> En tout cas, c'est bien chouette maintenant ! :-) Bravo !
>
>
> Le 11 mai 2013 14:15, ArnaudSVT <arna...@gmail.com> a écrit :
>
>>
>>
>> Le 11 mai 2013 14:04, Luc Didry <l...@didry.org> a écrit :
>>
>>> Le 11/05/2013 10:06, ArnaudSVT a écrit :
>>>
>>>
>>>> 2) au login, on a la possibilité de cocher "Minimiser l'usage du
>>> trafic" ..
>>>> il faudrait une infobulle ou un lien vers la FAQ pour comprendre les
>>>> avantages et inconvénients de ce choix.
>>>
>>> Je ne sais pas ce que ça fait… et j'ai du me taper les logs de git !
>>> Merci bien !
>>>
>>>
>>> Je blague, c'est bon, j'ai ajouté un lien vers la FAQ.
>>>
>> Super.
>> Le texte contient deux fois " peut être utile "
>>
>> Je viens de me rendre compte que dans cette FAQ "Pourquoi une inscription
>> obligatoire" , FramaDate, FramaPad ... les Date, Pad, sont en vert .. sur
>> fond vert .. à éviter :D

C'est quand même du vert sur fond jaune/vert, je trouve ça lisible… et
en plus on a un beau dégradé vert entre les slides qui serait dommage de
casser ;)
PeupleLà, une petite idée de couleur proche pour améliorer la lisibilité ?

>> > Bon, pour le reste (l'essentiel), je cherche un moyen d'exporter mes
>>> flux
>>>> ... et je viens de me rendre compte que ma solution actuelle (Feedly)
>>> ne le
>>>> permet pas arffff!!
>>>
>>> Ha, la joie d'utiliser des services propriévateurs ! (mix entre
>>> propriétaire et privateur, pour pas lancer de troll :D, je propose
>>> d'ailleurs de l'adopter dans nos traductions Framalang)
>>>
>> Certes, j'avais suivi vite fait les conseils de Korben .. la gestion
>> simplifié de Feedly est très agréable, mais effectivement, ce service ne
>> propose pas cette option "de base".
>>
>> A+
>>
>> Arnaud
>>
>>>
>>>
>>
>> --
>> Vous recevez ce message, car vous êtes abonné au groupe Google
>> Groupes Framacloud.
>> Pour vous désabonner de ce groupe et ne plus recevoir d'e-mails le
>> concernant, envoyez un e-mail à l'adresse
>> framacloud+...@googlegroups.com.
>> Pour envoyer un message à ce groupe, adressez un e-mail à
>> frama...@googlegroups.com.
>>
>>
>>
>

[yostral]

C'est vrai que le vert de Framanews enlève un peu de lisibilité dans le cas présent. Dommage, ça fait encore une autre couleur utilisée. 

[Luc Didry]

Problème : les liens de la navabar ne semblent pas fonctionner correctement au clic, sauf en clic
milieu. Vous pouvez me confirmer ce comportement chez vous ?

[Cyrille Largillier]

Chez moi cela fonctionne sans problème le clic gauche (Firefox / Ubuntu)

[Luc Didry]

Bizarre que ça ait fonctionné, j'avais fait une erreur de sélecteur css (corrigé). C'était quoi
comme navigateur ? Firefox ? Chez moi (Debian Sid), aucun navigateur ne le faisait fonctionner
(Iceweasel, Chrome, Opera), même le navigateur de mon téléphone Firefox OS.

[Cyrille Largillier]

Oui Firefox, mais peut-être que c'était une vieille version en cache, je ne sais pas trop :-(
A+
Cyrille

[Pierre-Yves Gosset]

Ca commence à claquer ;)

Bon, on va bientôt rentrer dans les détails :)

- Il y a tout l'aspect "localisation" à boucler (il reste quelques petites choses à traduire : je vois "detect language" sur l'accueil et les mails n'étaient pas traduits, mais je n'ai pas revérfié). Tu disais que c'etait dans le code, en dur. On forke tt-rrs dans GitHub ?

- A propos de GitHub : on se fait un dépôt https://github.com/framasoft/framanews et je te donne les droits dessus ?

- Voir (pas essentiel) si on peut intégrer le formulaire de login directement dans la première page de la page d'accueil (évite un click supplémentaire, plus pratique, plus propre, etc)

- changer le favicon

- avis perso : agrandir les tailles de polices

cdm.css (l. 191) :

div.cdm.expanded div.cdmHeader a.title, div.cdm.active div.cdmHeader a.title{

1. font-size: 1.2em;

}

tt-rss.css (l. 1)

body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {

1. font-size: 1.2em;

}

- à voir : faire une aide explicative à l'aide de http://usablica.github.io/intro.js/ ou http://heelhook.github.io/chardin.js/

En tout cas, c'est déjà top de voir le truc fonctionner :))))

Côté deadline, ce qui serait pas mal : 

- début juin, on fait des tests de charge interne (50 personnes max)

- mi-juin, on tease via @framasoft (10 000 followers)

- début juillet, on communique sur le thème "Google Reader est mort, vive Framanews !" ? ;-P (Reader ferme son service le 7 juillet, je crois ?)

pyg

2013/5/16 Cyrille Largillier <cyrille.l...@framasoft.org>

--
-----

"La route est longue, mais la voie est libre…"
www.framasoft.org

Framasoft ne vit que par vos dons (déductibles des impôts). Merci d'avance pour votre soutien ;-)
soutenir.framasoft.org

Framasoft, sa vie, son œuvre, sur une seule page : fr.wikipedia.org/wiki/Framasoft

Nous suivre sur les réseaux sociaux :
identi.ca/framasoft - twitter.com/framasoft - facebook.com/framasoft

[peupleLà]

sur les polices et choix de police, j'ai essayé de faire deux-trois bricoles via firebug, mais, bizarrement, je ne pouvais pas appeler la PTSans. Tu l'as appelé en @font-face pourtant, non ?

Comme je n'ai pas le fichier CSS intégral, c'est pas archi-simple pour faire des propositions qui tiennent la route.

Je pense tout de même qu'avec un minimum de structuration des blocs, ça aurait (encore) plus de gueule ^^

++s

Sandra

[Luc Didry]

On 17/05/2013 11:58, Pierre-Yves Gosset wrote:
> Ca commence à claquer ;)
>
> Bon, on va bientôt rentrer dans les détails :)
>
> - Il y a tout l'aspect "localisation" à boucler (il reste quelques petites
> choses à traduire : je vois "detect language" sur l'accueil et les mails
> n'étaient pas traduits, mais je n'ai pas revérfié). Tu disais que c'etait
> dans le code, en dur. On forke tt-rrs dans GitHub ?

Je l'ai déjà fait ;)

> - A propos de GitHub : on se fait un dépôt
> https://github.com/framasoft/framanews et je te donne les droits dessus ?

Oui, je veux bien. Mais ne serait-il pas plus simple que je transfère la propriété de mon dépôt à
Framasoft ? Idem pour le fork de tt-rss

> - Voir (pas essentiel) si on peut intégrer le formulaire de login
> directement dans la première page de la page d'accueil (évite un click
> supplémentaire, plus pratique, plus propre, etc)

Mmmh. Faut voir. Faut voir comment ça s'intègre (si ça fait pas cradoc)

> - changer le favicon

Tu peux me donner celle que tu veux :)

> - avis perso : agrandir les tailles de polices
> cdm.css (l. 191) :
> div.cdm.expanded div.cdmHeader a.title, div.cdm.active div.cdmHeader a.title
> {
>

> 1. font-size: 1.2em;

>
> }
> tt-rss.css (l. 1)
> body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
>

> 1. font-size: 1.2em;
>
> }
>

Ah, dans ttrss ? Ça se tente.

>
> - à voir : faire une aide explicative à l'aide de
> http://usablica.github.io/intro.js/ ou http://heelhook.github.io/chardin.js/
>
> En tout cas, c'est déjà top de voir le truc fonctionner :))))
>

Pourquoi pas, mais je pense que c'est pour un version v2 alors. Sinon on risque de jamais rien
sortir (surtout avec ta deadline en dessous). Je viens de regarder, je préfère usablica.

> Côté deadline, ce qui serait pas mal :
> - début juin, on fait des tests de charge interne (50 personnes max)

Pour l'instant, on a 12 personnes inscrites (hors l'utilisateur admin).
Seulement 8 se sont connectées en mai. Il faut de vrais utilisateurs, qui l'utilisent
quotidiennement (± quotidiennement hein !)

> - mi-juin, on tease via @framasoft (10 000 followers)
> - début juillet, on communique sur le thème "Google Reader est mort, vive
> Framanews !" ? ;-P (Reader ferme son service le 7 juillet, je crois ?)

Ça me paraît très pertinent :D

Il faudrait aussi une version sécurisée en ssl. Et ne pas utiliser le même certif que pour framablog
(je viens d'aller voir : mauvais nom de domaine, certificat expiré, autorité de certification non
reconnue…).
Peut-être un certificat CACERT ? Les utilisateurs windows et mac auront un pb de CA non reconnue,
mais quelques distributions Linux l'intègrent. Et puis on explique pourquoi CACERT, pourquoi c'est
pas reconnu, pourquoi c'est bien de l'utiliser…

[Luc Didry]

On 17/05/2013 12:13, peupleLà wrote:
> sur les polices et choix de police, j'ai essayé de faire deux-trois
> bricoles via firebug, mais, bizarrement, je ne pouvais pas appeler la
> PTSans. Tu l'as appelé en @font-face pourtant, non ?

Sur ttrss ou la page d'accueil ?

> Comme je n'ai pas le fichier CSS intégral, c'est pas archi-simple pour
> faire des propositions qui tiennent la route.

Si c'est la page d'accueil, tout est sur http://github.com/ldidry/framanews

> Je pense tout de même qu'avec un minimum de structuration des blocs, ça
> aurait (encore) plus de gueule ^^

Qu'est-ce que tu entends par là ?

> ++s
>
>
>
>
> Le 17 mai 2013 11:58, Pierre-Yves Gosset <p...@framasoft.org> a écrit :
>
>> Ca commence à claquer ;)
>>
>> Bon, on va bientôt rentrer dans les détails :)
>>
>> - Il y a tout l'aspect "localisation" à boucler (il reste quelques petites
>> choses à traduire : je vois "detect language" sur l'accueil et les mails
>> n'étaient pas traduits, mais je n'ai pas revérfié). Tu disais que c'etait
>> dans le code, en dur. On forke tt-rrs dans GitHub ?
>>
>> - A propos de GitHub : on se fait un dépôt
>> https://github.com/framasoft/framanews et je te donne les droits dessus ?
>>
>> - Voir (pas essentiel) si on peut intégrer le formulaire de login
>> directement dans la première page de la page d'accueil (évite un click
>> supplémentaire, plus pratique, plus propre, etc)
>>
>> - changer le favicon
>>
>> - avis perso : agrandir les tailles de polices
>> cdm.css (l. 191) :
>> div.cdm.expanded div.cdmHeader a.title, div.cdm.active div.cdmHeader
>> a.title{
>>

>> 1. font-size: 1.2em;

>>
>> }
>> tt-rss.css (l. 1)
>> body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
>>

>> 1. font-size: 1.2em;

[peupleLà]

pb de marges, d'aérations, de répartition de texte dans la page : rien de bien méchant à faire, mais le faire permettra tout de suite d'avoir des pages mieux 'installées'

(bref, des histoires de mise en page et de typo)

++s

--
Sandra

[Luc Didry]

On 17/05/2013 11:58, Pierre-Yves Gosset wrote:

> Ca commence à claquer ;)
>
> Bon, on va bientôt rentrer dans les détails :)
>
> - Il y a tout l'aspect "localisation" à boucler (il reste quelques petites
> choses à traduire : je vois "detect language" sur l'accueil et les mails
> n'étaient pas traduits, mais je n'ai pas revérfié). Tu disais que c'etait
> dans le code, en dur. On forke tt-rrs dans GitHub ?

detect language ? C'est pas "Detect automatically" ? Bref, je l'ai modifié.
Et les mails ont été modifiés le 8 mai.

>
> - A propos de GitHub : on se fait un dépôt
> https://github.com/framasoft/framanews et je te donne les droits dessus ?
>
> - Voir (pas essentiel) si on peut intégrer le formulaire de login
> directement dans la première page de la page d'accueil (évite un click
> supplémentaire, plus pratique, plus propre, etc)
>
> - changer le favicon
>
> - avis perso : agrandir les tailles de polices
> cdm.css (l. 191) :
> div.cdm.expanded div.cdmHeader a.title, div.cdm.active div.cdmHeader a.title
> {
>

> 1. font-size: 1.2em;

>
> }
> tt-rss.css (l. 1)
> body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
>

> 1. font-size: 1.2em;

[Luc Didry]

Le 17/05/2013 12:13, peupleLà a écrit :
> sur les polices et choix de police, j'ai essayé de faire deux-trois
> bricoles via firebug, mais, bizarrement, je ne pouvais pas appeler la
> PTSans. Tu l'as appelé en @font-face pourtant, non ?
>

Et… non. Je viens de voir que c'est une web font. (d'où l'intérêt de mon
idée de css framagalaxie : comme ça le prochain ne se plante pas :D)

Je viens de la mettre.

> Comme je n'ai pas le fichier CSS intégral, c'est pas archi-simple pour
> faire des propositions qui tiennent la route.
>
> Je pense tout de même qu'avec un minimum de structuration des blocs, ça
> aurait (encore) plus de gueule ^^
>
> ++s
>
>
>
>
> Le 17 mai 2013 11:58, Pierre-Yves Gosset <p...@framasoft.org> a écrit :
>
>> Ca commence à claquer ;)
>>
>> Bon, on va bientôt rentrer dans les détails :)
>>
>> - Il y a tout l'aspect "localisation" à boucler (il reste quelques petites
>> choses à traduire : je vois "detect language" sur l'accueil et les mails
>> n'étaient pas traduits, mais je n'ai pas revérfié). Tu disais que c'etait
>> dans le code, en dur. On forke tt-rrs dans GitHub ?
>>
>> - A propos de GitHub : on se fait un dépôt
>> https://github.com/framasoft/framanews et je te donne les droits dessus ?
>>
>> - Voir (pas essentiel) si on peut intégrer le formulaire de login
>> directement dans la première page de la page d'accueil (évite un click
>> supplémentaire, plus pratique, plus propre, etc)
>>
>> - changer le favicon
>>
>> - avis perso : agrandir les tailles de polices
>> cdm.css (l. 191) :
>> div.cdm.expanded div.cdmHeader a.title, div.cdm.active div.cdmHeader
>> a.title{
>>

>> 1. font-size: 1.2em;

>>
>> }
>> tt-rss.css (l. 1)
>> body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
>>

>> 1. font-size: 1.2em;