[U_webdev-fr] CR meeting 15/09

[Poupoul2 <poupoul2 AT free.fr>]

Salut à tous

Quelques news concernant la boutique et nouveau design

Boutique
On a furieusement avancé sur le mockup. La version ubuntu-fr a été
travaillée en séance, avec le résultat suivant : 
http://pouvoir-choisir.org/logiciel-libre/public/mockup_u.png

Next steps : Travailler sur l'en-tête et le pied de page = Déclinaison
des versions accueil toutes assos et framasoft (poupoul2)
Toutes remarques bienvenues.

Nouveau design
fabien a avancé sur le mockup html
http://ubuntu-fr.evoconcept.net/rework/

Questions @ tous pour avis et idées : 
- L'utilisation de jquery est elle possible ? (http://jquery.com/)
- Soucis épineux et qui pique : arrivé en 800*600, la page devient
illisible. Solutions : passer en designe fixe et utiliser des
ascenceurs, revoir le design (pas glop), décaler des éléments de la page
dans d'autres pages (pas glop), retravailler certains éléments (taille
de la boite de téléchargement, accès aux screenshots par des effets,
plutôt que par déroulement...). Fabien va regarder ce qu'il peut
proposer.

La log est jointe pour les courageux de la lecture.

-- 
Gilles (aka Poupoul2)
Administrateur Planet Ubuntu-fr
(21:07:24) sam7: bonsoir à tous
(21:07:43) sam7: je suis disponible d'ici une demi heure...
(21:07:52) poupoul2: sam7: oki
(21:08:04) sam7: ... mais je pourrais vous lire tout à l'heure
(21:08:11) poupoul2: en attendant : 
http://pouvoir-choisir.org/logiciel-libre/public/mockup.png
(21:08:15) poupoul2: la dernière version
(21:08:21) poupoul2: les icônes vont changer
(21:08:49) sam7: cool, la boutique à l'air sympa...
(21:09:05) poupoul2: enfin certaines, pour celles de ce thème : 
http://www.starfishwebconsulting.co.uk/articles/free-ecommerce-icons
(21:09:06) sam7: bon je reviens... à tout à l'heure
(21:09:10) poupoul2: c'ests lgpl
(21:09:13) poupoul2: *c'est
(21:09:30) poupoul2: *c'est sous lgpl (je vais y arriver ;) )
(21:31:41) YoBoY: encore un meeting ? toutes les semaines maintenant? :p
(21:33:12) poupoul2: YoBoY: on aime ça :p
(21:33:25) poupoul2: YoBoY: on parle boutique
(21:33:44) YoBoY: oui j'avais saisi :p j'ai mis mes com ce matin sur le mookup
(21:33:49) poupoul2: (enfin, on va bientôt parler)
(21:33:55) poupoul2: YoBoY: j'ai vu
(21:45:37) sam7: me voilà, merci de m'avoir attendu... mais vous auriez pu 
continuer, je vous aurez lu...
(21:46:01) sam7: c'est vrai que ces icones ont l'air sympa !
(21:47:53) poupoul2: et hop, la vision ubuntu-fr de la boutique : 
http://pouvoir-choisir.org/logiciel-libre/public/mockup_u.png
(21:48:40) sam7: les couleurs ne sont elles pas un peu trop claires ?, un peu 
trop orangé ?
(21:49:01) poupoul2: sam7: sur quelle version ?
(21:49:28) sam7: et là, tel que l'onglet à l'air sélectionné, on a 
l'impression qu'il s'agit de l'onglet d'accueil et non celui d'ubuntu-fr
(21:50:10) sam7: autant pour moi, je pensais que c'était le même lien que 
tout à l'heure...
(21:50:19) sam7: effectivement, il y a une différence
(21:50:54) sam7: c'est pas mal...
(21:51:03) poupoul2: le problème, c'est que je ne peux pas trop toucher à la 
couleur de l'onglet
(21:51:13) poupoul2: sinon, ça va se mélanger avec la couleur du logo
(21:51:22) poupoul2: du coup, une partie du logo n'est plus visible
(21:51:44) sam7: ... et j'aime bien les effets d'ombres à droite
(21:51:57) sam7: ombre & relief
(21:52:13) guilro: poupoul2: d'accord pour les couleurs globalement peut-être 
un peu trop claires (dsl si je suis que sporadiquement)
(21:52:14) sam7: c'est vrai
(21:53:13) sam7: peut-être assombrir également les couleurs des bandeaux 
supérieurs & inférieurs également de la couleur correspondant à l'onglet actif
(21:54:00) sam7: par contre, concernant les catalogues
(21:55:18) poupoul2: guilro, sam7 : ok, je vais revoir mes couleurs trop 
claires
(21:55:34) poupoul2: sam7:  catalogues ? (c'est à améliorer dans le mockup)
(21:55:36) sam7: je pense qu'il serait bien de faire en sorte de n'avoir que 
les produits ubuntu dans l'onglet ubuntu et les produits framasoft dans 
l'onglet framasoft, & d'avoir les produits commun dans l'onglet d'accueil... 
qu'en dites vous ?
(21:56:05) guilro: ça ça dépend pas du mockup, mais du drupal
(21:56:16) guilro: de toute manière ce sera comme ça il me semble
(21:56:16) poupoul2: sam7: les produits communs doivent apparaitre partout, 
de ce que j'ai compris
(21:56:26) guilro: ah ça oui bien sûr
(21:56:30) sam7: ah, ok
(21:56:58) poupoul2: les produits spécifiques à une asso apparaissent sur 
l'accueil et dans le catalogue spécifique
(21:57:48) sam7: d'accord
(21:59:49) poupoul2: Question : faut il ombrer les cases des produits ?
(22:00:47) poupoul2: comme ça  : 
http://pouvoir-choisir.org/logiciel-libre/public/mockup_u.png
(22:00:48) sam7: non, elles sont très bien comme celà
(22:00:52) poupoul2: sur la framakey
(22:01:13) sam7: ah si, je croyais que tu voulais les assombrir
(22:01:24) sam7: si, les ombres comme ça c'est très bien
(22:01:58) sam7: mais alors il faudrait harmoniser les ombrages des produits 
& du bandeau latéral droit
(22:02:03) poupoul2: guilro, fabien961 : vous en pensez quoi ?
(22:02:18) poupoul2: sam7: oui
(22:02:40) sam7: les uns avec des coins carrés et les autres avec des coins 
arrondis, ça coince un peu... il faut harmoniser le tout
(22:02:56) guilro: poupoul2: bien. Par contre en CSS ça va être lourd à 
implémenter =o
(22:03:07) fabien961: ben moi les ombres, je suis pas trop fan sur le 
bandeau, ça alourdit
(22:03:17) fabien961: par contre sur les produits, c'est pas mal
(22:03:42) poupoul2: fabien961: tu parles du bandeau latéral ?
(22:03:43) guilro: fabien961: je te rejoins la dessus
(22:03:49) fabien961: et oui, ça va être un peu délicat en CSS car tout les 
browsers ne gèrent pas encore le CSS3 :)
(22:03:58) fabien961: poupoul2 : yep
(22:04:38) fabien961: je trouve que les coins dans le bandeau c'est bien, les 
ombres en plus ça fait trop
(22:04:45) sam7: c'est quoi qui coince au niveau des css ? les angles 
arrondis ou les angles carrés ?
(22:04:47) fabien961: *le bandeau latéral
(22:04:59) YoBoY: pour quoi faire le CSS3 ?
(22:05:07) sam7: il n'y a qu'à le modifier avec des angles carrés
(22:05:15) fabien961: YoBoY : pour les ombres
(22:05:17) poupoul2: donc plutôt comme ça : 
http://pouvoir-choisir.org/logiciel-libre/public/mockup_u.png
(22:05:43) fabien961: poupoul2: je préfère perso :)
(22:05:45) YoBoY: heu pourquoi pas juste faire 2 fond "vignettes" un avec 
ombre et un sans et juste changer le background?
(22:06:48) sam7: ou pourquoi ne pas faire un bandeau de haut en bas sans 
"cadres", sauf la vignette de na nouveauté ?
(22:07:10) poupoul2: sam7: je me posais aussi la question de mieux intégrer 
la barre latérale avec la barre de présentation, pour qu'il n'y ait pas de 
démarcation
(22:07:11) YoBoY: ha pour le menu droit, oui l'ombrage est de trop
(22:07:12) sam7: un peu comme notre bandeau latéral gauche du relooking du 
site
(22:07:13) fabien961: YoBoY : un fond vignette ? tu veux dire pour les 
vignettes des produits
(22:07:26) YoBoY: fabien961: oui on parlait pas de la même ombre désolé :p
(22:07:34) YoBoY: (c'est ça de pas suivre)
(22:08:09) fabien961: YoBoY : c'est la bonne solution je pense, c'est pour ça 
que c'est plus facile de faire ça pour les vignettes que pour le bandeau, car 
le bandeau change de taille, lui
(22:08:30) YoBoY: ouaip
(22:08:43) poupoul2: oki, donc on conserve les ombres pour les produits et 
pas pour le bandeau
(22:08:51) YoBoY: surtout avec le dégradé c'est même pas la peine si la 
taille est variable
(22:08:55) fabien961: je vote pour le changement de bandeau latéral proposé 
par sam7
(22:09:48) fabien961: avec une couleur de fond qui reprend celle du dégradé 
orange du menu ?
(22:10:15) poupoul2: fabien961: donc en fonction de l'asso ?
(22:11:07) fabien961: poupoul2: ouais, c'est vrai que si le panier contient 
des produits de plusieurs assos, c'est pas top ...
(22:11:19) sam7: oui, ça sera bien mieux comme celà !
(22:11:45) sam7: éventuellement en conservant le dégradé foncé en haut et 
clair en bas
(22:11:54) poupoul2: fabien961: pour le panier, je ne pense pas que ce soit 
un gros soucis, il ne varie pas de couleur
(22:12:09) poupoul2: en fait, seule la partie centrale varie
(22:12:27) sam7: en laissant en blanc dans le cadre de l'article "nouveauté", 
comme pour les autres articles
(22:12:50) sam7: en gros, oui
(22:13:10) sam7: et les couleurs dominantes de la page
(22:14:38) poupoul2: erf, ça oblige aussi à toucher aux couleurs des polices, 
sinon, c'est noyé dans la masse
(22:15:12) sam7: c'est vrai
(22:15:13) poupoul2: et ça mange le logo, puisque les couleurs de fond sont 
basées sur le logo
(22:15:31) poupoul2: à moins de laisser la vignette du produit sur fond blanc
(22:17:50) poupoul2: plutôt quelque chose comme ça (si vous rechargez la page)
(22:20:02) fabien961: poupoul2: c'est pas mieux de faire un dégradé vers le 
haut pour le bandeau, ça fait un peu mastok là ?
(22:20:28) fabien961: sinon, j'aime bien l'effet :)
(22:20:43) poupoul2: fabien961: bouge pas, j'essaie
(22:23:44) poupoul2: rechargez
(22:24:24) guilro: poupoul2: bien =D
(22:24:36) poupoul2: :p
(22:24:43) fabien961: poupoul : chouette !
(22:25:26) fabien961: poupoul2: tu ne fait pas descendre le bandeau latéral 
pour qu'il englobe aussi la partie cataloguez ?
(22:25:32) fabien961: *catalogue
(22:26:25) poupoul2: fabien961: je ne sais pas, vous en pensez quoi ?
(22:26:47) poupoul2: en fait, le catalogue placé là me gêne
(22:26:49) sam7: oui, il faut englober la partie catalogue
(22:27:03) sam7: quitte à le mettre dans un carré blanc si nécessaire
(22:27:15) guilro: je pense que les deux façons se valent
(22:27:16) sam7: ou bordeau
(22:27:54) sam7: et supprimer le mince filet blanc sur le coté droit
(22:28:33) poupoul2: sam7: tu veux dire coller le bandeau latéral au bord de 
page ?
(22:28:34) sam7: ou alors mettre en bordeau également le bandeau inférieur de 
la page
(22:28:44) sam7: oui collé au bord de page
(22:30:18) fabien961: moi je préfère si le bandeau latéral n'est pas collé, 
on a plus l'impression qu'il vient d'être déroulé d'en haut, c'est sympa
(22:31:07) poupoul2: rechargez
(22:31:40) guilro: pas mal non plus mais j'aimais bien avant aussi =o
(22:32:16) fabien961: waouh ! moi je suis trop fan comme ça !:P
(22:33:02) poupoul2: Zen, c'est un design fluide ou c'est fixe ?
(22:33:25) poupoul2: Parce que si c'est fixe, ça n'a aucun intérêt de coller 
le badeau en bord de page, ou me trompe-je ?
(22:34:19) fabien961: c'est fluide
(22:34:23) fabien961: http://drupal.org/project/zen
(22:34:36) sam7: pas mal j'aime bien comme ça aussi
(22:35:04) poupoul2: fabien961: oki, donc ça vaut peut-être le coût de coller 
le bandeau au bord de page
(22:35:16) sam7: (je parlais de 
http://pouvoir-choisir.org/logiciel-libre/public/mockup_u.png )
(22:35:56) sam7: le bandeau n'allant pas tout à fait en bas de page, on a 
l'impression effectivement qu'il se déroule
(22:36:08) sam7: alors l'espace blanc à droite ne gêne plus
(22:36:13) fabien961: poupoul2 : ben je suis pas trop d'accord :) regarde le 
thème zen, le bandeau n'est pas collé et c'est chouette
(22:36:22) fabien961: d'accord avec sam7 :)
(22:36:35) sam7: merci
(22:36:45) poupoul2: fabien961: ouf, en fait, je préfère aussi comme ça ^^ 
(donc non collé)
(22:36:52) sam7: c'est très bien finalement d'avoir laissé un espace en bas 
comme celà
(22:37:39) poupoul2: En l'état, est ce que vous pensez qu'il faut que je 
revois le fond pour avoir une couleur légèrement moins claire (cf le début de 
conversation) ?
(22:38:31) fabien961: sur les couleurs, je laisse les autres parler, je suis 
pas expert ...
(22:38:41) guilro: ptet pour les deux bandeaux haut/bas
(22:38:53) guilro: mais j'en suis pas si sûr
(22:39:00) poupoul2: guilro: ok, je vais faire des essais
(22:39:11) ***poupoul2 se jette sur color scheme designer
(22:39:25) poupoul2: bon ben c'est pas mal tout ça :)
(22:39:26) guilro: c'est pas tant le claire que le manque de vivacité dans la 
couleur
(22:39:55) poupoul2: guilro: peut-être ajouter des éléments graphiques 
(texture légère ou autres icones kikoolol) ?
(22:40:06) guilro: http://www.ubuntu.com/ a un orange très vif, un marron 
bien foncé si tu vois ce que je veux dire
(22:40:32) poupoul2: guilro: ok, de toute manière ces 2 bandeaux ont encore 
besoin d'être travaillés
(22:41:12) poupoul2: donc, je mets à jours les versions
(22:41:17) poupoul2: accueil, ubuntu-fr
(22:41:28) poupoul2: je crée la déclinaison framasoft
(22:41:32) poupoul2: et je poste sur la liste
(22:41:35) poupoul2: ça vous va ?
(22:41:35) guilro: si on pouvais avoir le logo ubuntu en effet ombre 3D (à la 
manière d'ubuntu.com) ce serait magnifique =)
(22:41:40) sam7: oui, il reste à travailler les 2 bandeaux, le reste est bon 
pour moi
(22:41:40) guilro: oki =)
(22:42:12) poupoul2: guilro: le logo ubuntu n'est pas ombré sur ubuntu.com 
o_O ?
(22:42:38) guilro: dans le fond du gros bandeau de téléchargement
(22:43:04) guilro: lebandeau orange "Desktop Edition"
(22:43:08) poupoul2: guilro: ok, vu, je vais faire un essai :p
(22:43:17) poupoul2: je le poste sur la liste
(22:43:19) poupoul2: aussi
(22:43:23) guilro: enfin c'est pas ombre, c'est le logo en 3D
(22:43:41) poupoul2: yep, compris :)
(22:43:46) ***poupoul2 a faim
(22:44:01) guilro: bon après c'est âs du tout indispensable c'est même très 
eyecandy
(22:44:12) guilro: poupoul2: mange
(22:44:27) poupoul2: guilro: c'est ce que je m'apprête à faire ^^
(22:44:42) guilro: poupoul2: bon appetit =)
(22:44:47) sam7: bon apétit
(22:44:48) poupoul2: merci
(22:44:58) poupoul2: à vous lire sur la liste
(22:45:22) fabien961: heu, si vous voulez voir, j'ai avancé le mockup HTML de 
l'accueil du site Ubuntu-fr
(22:45:42) fabien961: c'est là : http://ubuntu-fr.evoconcept.net/rework
(22:47:00) fabien961: c'est au programme de ce soir, ou on se concentre sur 
la boutique ?
(22:47:15) poupoul2: fabien961: non, non, tout est au programme ;)
(22:48:46) sam7: oh oui, tout est au programme
(22:49:35) huats [n=chris@ubuntu/member/huats] a rejoint le salon.
(22:49:39) sam7: c'est pas mal
(22:49:53) poupoul2: huats: plop
(22:50:02) huats: hello
(22:50:04) huats: désolé je peux pas rester :(
(22:50:07) sam7: il y a encore des petites choses à fignoler, mais dans les 
grandes lignes c'est vraiement sympa
(22:50:08) poupoul2: fabien961: ah, mais c'est que c'est carrément bien
(22:50:13) sam7: bonjour huats
(22:50:15) fabien961: salut huats :)
(22:50:16) poupoul2: huats:  tant pis pour toi
(22:50:26) huats: poupoul2: je sais bien
(22:50:29) poupoul2: huats, jette un oeil quand même
(22:50:32) huats: si je pouvais....
(22:50:42) huats: je vais suivre rapidos
(22:50:42) poupoul2: 
http://pouvoir-choisir.org/logiciel-libre/public/mockup_u.png
(22:50:44) huats: de loi
(22:50:44) poupoul2: http://ubuntu-fr.evoconcept.net/rework
(22:50:46) huats: mais je peux pas participer
(22:50:49) fabien961: poupoul2 : je suis parti de ça 
http://dev.ubuntu-fr-secours.org/alexandrep/ufr-mockup/
(22:50:55) YoBoY: question à la con: le logo drupal, sur les autres 
applications il se change dans l'icone de l'application en question?
(22:51:31) poupoul2: YoBoY: j'ai pas compris ta question :(
(22:51:45) fabien961: YoBoY : moi pas comprendre non plus :(
(22:51:48) YoBoY: tout en bas, pied de page, à droite, logo drupal
(22:51:53) huats: poupoul2: c'est du drupal ??? (la page d'accueil ?)
(22:52:06) fabien961: YoBoY : quelle autre application, un autre CMS ?
(22:52:09) YoBoY: quand on est sur www je veux bien, mais quand on est sur 
wiki c'est le logo de dokuwiki?
(22:52:24) poupoul2: YoBoY: yes
(22:52:32) sam7: c'est pas mal les changements entre les 2 versions
(22:52:54) fabien961: YoBoY : je crois que le but est de tout faire sous 
drupal, non ?
(22:52:54) sam7: ce qu'il faudrait, c'est recentrer la boite de téléchargement
(22:53:00) poupoul2: huats: oui
(22:53:10) sam7: au dessus de publication
(22:53:11) YoBoY: le mokup devrait avoir des bords qui se réduisent pour que 
l'espace central prennent un max de place
(22:53:17) poupoul2: fabien961: pas le wiki
(22:53:19) fabien961: huats : si c'était du drupal, ce serait trop beau ... :)
(22:53:32) fabien961: huats : c'est du html static
(22:53:33) huats: :)
(22:53:35) huats: ok
(22:53:37) YoBoY: fabien961: mais bien sur, et la marmotte... :p
(22:54:12) sam7: sinon, pour le bandeau inférieur à 3 colonnes, c'est 
vraiement bien...
(22:54:23) YoBoY: c'est à la mode il me semble
(22:54:25) sam7: ... reste quelques liens sans infobulles
(22:54:46) fabien961: sam7 : j'ai pris ce qu'il y avait proposé sur le forum
(22:54:46) sam7: et concernant les onglet
(22:55:02) fabien961: on verra après pour les détails du contenu
(22:55:15) sam7: il ne faudrait pas que plusieurs soient surlignés en même 
temps
(22:55:56) poupoul2: fabien961: il manque l'ombrage sur le fond
(22:55:59) fabien961: sam7 : ouaip, compris, j'y travaille, mais il faudra un 
peu de javascript, j'en ai peur ...
(22:56:18) fabien961: au fait, ça vous gène si je met du jQuery ?
(22:56:18) poupoul2: et il faudrait ajuster "Communauté...francophones" sous 
le logo
(22:56:36) poupoul2: fabien961: bonne question
(22:56:49) poupoul2: huats: (si tu as le temps) tu en penses quoi ?
(22:57:35) fabien961: pour ceux qui ne connaissent pas : http://jquery.com/. 
C'est un peu lourd mais c'est hébergé chez google et beaucoup de gens l'on 
déjà en cache
(22:58:09) poupoul2: fabien961: tu veux l'utiliser pour quoi ?
(22:58:27) YoBoY: concurrent à scriptaculous et autres libs du genre?
(22:58:40) YoBoY: ya un module drupal pour l'intégrer facilement?
(22:58:57) fabien961: poupoul2: pour les coins, se serait plus joli et ça 
éviterait les problèmes, et pour le menu, et plus si affinité
(22:59:37) huats: poupoul2: je trouve que c'est sympa
(22:59:37) poupoul2: fabien961: ok
(22:59:43) fabien961: YoBoY : bonne question, je vais me renseigner, mais 
sinon il faut juste l'intégrer dans le template, c'est facile
(22:59:47) huats: après j'ai pas comparé avec l'image :)
(22:59:49) poupoul2: huats: je parlais de jquery ^^
(23:00:00) huats: mais déjà avoir ce genre de choses c'est une enorme étape
(23:00:01) huats: ah
(23:00:04) huats: jquery c'est cool
(23:00:08) huats: je connais assez bien
(23:00:21) YoBoY: fabien961: je demande parce que tant qu'à avoir une lib en 
permanence si elle pouvait servir ailleurs ce serait peut être pas plus mal
(23:00:35) fabien961: huats : tu ne penses pas que jquery est trop lourd ?
(23:00:47) fabien961: YoBoY : bien d'accord !
(23:00:49) poupoul2: ça mange pas trop de ressource ? (parce que avec les 
soucis actuels, si on demande à lionel et zed de rejouter un truc :-/)
(23:00:50) sam7: tout ça est trop technique pour moi... je suis largué
(23:01:12) fabien961: poupoul2 : c'est hébergé chez google
(23:01:34) fabien961: les ressources demandées le seront chez le client
(23:01:47) fabien961: (en bande passante et en javascript)
(23:01:47) YoBoY: hum... j'aime déjà moins ^^"
(23:01:59) guilro: surtout en javascript =o
(23:02:07) poupoul2: fabien961: ça me plait aussi déjà moins
(23:02:16) fabien961: YoBoY : ben c'est quand même libre et open source
(23:02:32) huats: poupoul2: non pas de ressources c'est au niveau du 
navigateur (car du JS)
(23:02:34) sam7: c'est la question que j'alais poser...
(23:02:35) fabien961: http://code.google.com/p/jqueryjs/
(23:02:41) huats: pour la loudeur fabien961 bof bof...
(23:02:47) huats: ça dépend ce que tu veux en faire
(23:02:59) huats: mais je trouve pas trop trop car tu peux avoir des versions 
allégées
(23:03:09) poupoul2: fabien961: ce que je te propose, c'est d'envoyer l'info 
sur la ML, pour que les absents donnent leur avis
(23:03:10) huats: bon allez
(23:03:16) huats: je dois partir
(23:03:18) huats: @+
(23:03:20) poupoul2: fabien961: et on décide en fonction
(23:03:23) poupoul2: huats: ++
(23:03:33) fabien961: @+ huats
(23:03:48) fabien961: poupoul2 : OK
(23:04:08) huats a quitté le salon (quit: "Ex-Chat")
(23:04:21) poupoul2: d'autres sujets à discuter ? Je fais un petit résumé sur 
la ML (comme d'hab)
(23:04:44) sam7: à+
(23:04:49) fabien961: ben y'a un autre soucis sur la page d'accueil Ubuntu-fr
(23:04:56) poupoul2: fabien961: yes
(23:04:57) sam7: oui, un petit résumé svp merci
(23:05:05) sam7: ça faisait un moment
(23:05:11) poupoul2: sam7: ^^
(23:05:16) fabien961: c'est que le design est complètment cassé en 800x600
(23:05:18) sam7: les dernières réunions n'y figurent pas je crois bien
(23:05:34) poupoul2: fabien961: pas top pour les netbooks
(23:05:44) sam7: effectivement, pas top
(23:05:46) poupoul2: fabien961: ou les tout petits écrans
(23:05:55) sam7: il faut trouver une solution pour que ça passe
(23:06:17) sam7: ou pour les machines virtuelles de faible résolution...
(23:06:27) poupoul2: fabien961: est ce qu'il faut faire quelque chose sur le 
design, ou on peut jouer sur la CSS ?
(23:06:30) fabien961: ce qu'on peut faire, c'est avoir un design fixe (pas 
fluide) pour éviter de casser mais il y aura des ascenseurs horizontaux (berk 
!)
(23:06:44) fabien961: poupoul2 : c'est que du CSS
(23:06:44) poupoul2: fabien961: euh, ouais, bof les ascenceurs
(23:07:06) sam7: bof aussi en horizontal... passe encore à la vertical
(23:07:23) fabien961: autre solution : on revoit un peu le bandeau latéral 
pour qu'il prenne moins de place
(23:07:53) fabien961: dans tous les cas, l'ascenseur n'apparaîtra que si la 
résolution de l'écran n'est pas suffisante
(23:07:58) sam7: ça ne changera pas grand chose... et il faut pouvoir y 
mettre dedans ce qui y est prévu : 2 onglets importants
(23:08:02) guilro: en plus les ascenceurs sur un netbook c'est lourdingue 
pour faire défiler la page c'est lent
(23:08:09) guilro: avec un processeur atom
(23:08:17) guilro: (je suis en ce moment même sur un netbook)
(23:08:44) sam7: et mopi sur un dualscreen 2*1440*900
(23:08:48) poupoul2: fabien961: on met pas mal d'infos dans le bandeau latéral
(23:08:51) sam7: soit 2880*900
(23:08:57) fabien961: alors, il faut replacer soit les téléchargement, soit 
les screenshoots
(23:09:07) poupoul2: sam7: rhôôôoo, c'est luxe :p
(23:09:16) sam7: non, une nécessité
(23:09:30) sam7: un besoin vital
(23:09:38) sam7: mais je n'ai pas de netbook
(23:10:18) fabien961: sam7 : moi non plus !
(23:10:37) fabien961: guilro : ça donne quoi la page de test sur ton netbook ?
(23:10:39) sam7: décaller les téléchargements et screenchoot vers le bas mais 
au dessus du bandeau inférieur si nécessaire
(23:11:09) fabien961: sam7 : non, pas vers le bas, il faut gagner en largeur, 
pas en hauteur
(23:11:23) sam7: & décaller les 3 colonnes l'une en dessous de l'autre 
également si on n'a pas le choix
(23:11:30) guilro: vous pouvez refiler les liens svp ?
(23:11:52) fabien961: guilro : http://ubuntu-fr.evoconcept.net/rework/
(23:11:56) sam7: je parlais pour les petites résolution, à la place des 
ascenceurs horizontaux
(23:12:24) guilro: bah évidemment en arrivant
(23:12:24) sam7: pour le moment, les morceaux de page foutent le camp en vrac
(23:12:31) guilro: on voit pas le bandeau du bas
(23:12:39) sam7: il faudrait contrôler ce vrac comme je l'indique
(23:13:08) guilro: mais bon sur un netbook on est habitué à descendre en bas 
en arrivant sur une page
(23:13:08) fabien961: sam7 : tu pourrais me faire un dessin :)
(23:13:08) guilro: et comme je suis en 1024 de large
(23:13:17) guilro: je sais pas ce que ça donne en 800*>600
(23:13:19) guilro: =(
(23:13:22) sam7: au moins comme ça tout est lisible de haut en bas 
correctement au lieu d'être en largeur
(23:14:26) poupoul2: fabien961: est ce qu'on peut moduler la CSS en fonction 
de la définition de l'écran ?
(23:14:34) ***poupoul2 n'y connait à peu près rien en CSS
(23:14:53) fabien961: poupoul2 : non c'est anti-standard !
(23:14:59) sam7: je vais essayer
(23:15:04) poupoul2: fabien961: oki, j'ai rien dit :D
(23:15:08) fabien961: il faut se débrouiller pour faire un truc qui marche 
bien partout
(23:15:21) poupoul2: fabien961: j'agrée
(23:15:53) poupoul2: bon, je vais poster cet épineux problème sur la ML dans 
mon résumé, parce que là comme ça, je ne vois pas
(23:16:10) poupoul2: sam7: est ce que tu peux poster le problème sur le 
forum, histoire qu'on ait d'autres retours ?
(23:16:18) sam7: ok
(23:16:19) poupoul2: sam7: STP :) ?
(23:16:24) fabien961: poupoul2 : ça fait ça en 800x600 
http://ubuntu-fr.evoconcept.net/800x600.png, ça va quand même ?
(23:16:25) sam7: no soucis
(23:16:56) sam7: ton lien ne marche pas
(23:17:22) guilro: le texte d'intro est trop petit, or c'est la première 
chose que devrait lire un primo arrivant, s'il ne sais pas du tout ce qu'est 
ubuntu et GNU:Linux
(23:17:45) poupoul2: fabien961: ah oui, quand même, c'est pas terrible
(23:17:46) guilro: là il foit télécharger et ubuntu-party en premier =/
(23:18:01) poupoul2: guilro: bien vu
(23:18:09) fabien961: sam7 : ??? essaye ça 
http://ubuntu-fr.evoconcept.net/86.png
(23:18:58) sam7: effectivement, ça coince comme ça
(23:19:14) sam7: faut trouver une solution
(23:19:16) poupoul2: donc solutions possibles
(23:19:22) poupoul2: revoir le design (pas top)
(23:19:30) sam7: non !
(23:19:33) poupoul2: passer en fixe (pas top mais moins)
(23:19:41) sam7: c'est dans le codage qu'il faut trouver !
(23:19:51) poupoul2: fabien961: est ce qu'on peut passer en fixe seulement 
cette page ?
(23:19:59) poupoul2: fabien961: et avoir le reste en fluide ?
(23:20:03) sam7: première "ligne" = les onglets
(23:20:18) sam7: seconde = screenchoot + boite + koala
(23:20:19) ***poupoul2 a vérifié : ubuntu.com est en 
(23:20:23) poupoul2: *en fixe
(23:20:26) sam7: troisième = 3 colonnes
(23:20:48) sam7: si l'on réduit la largeur de l'écran seulement !
(23:21:24) fabien961: poupoul2 : je viens de tester sur le forum ubuntu : en 
8020x600 y'a des ascenseurs horizontaux
(23:21:38) poupoul2: fabien961: actuellement ?
(23:21:53) fabien961: poupoul2 : oui, fait le test tu verras
(23:21:56) sam7: il faut se représenter la page découpée en 3*3=9 cases, en 
gros, pour simplifier
(23:22:15) poupoul2: fabien961: j'y suis, mais le forum peine un peu en ce 
moment :p
(23:22:30) sam7: et il s'agit de faire en sorte que le contentu de ces cases 
se décale dans l'ordre désiré en fonction de la résolution de l'écran
(23:22:44) sam7: sans pour autant perdre le contenu de ces cases...
(23:23:13) fabien961: sam7 : OK, je vais étudier la question, mais il fut 
revoir tout le design
(23:23:32) sam7: il faudrait que "a propos du site + a propos d'ubuntu fasse 
la largeur de soutien
(23:24:08) sam7: que soutien & téléchargement fasse la largeur de publication 
et que en ce moment & activités rescentes fasse la largeur de réseau
(23:24:14) fabien961: sam7 : car actuellement, il y à deux lignes (une pour 
le contenu principal et une pour le menu du bas)
(23:24:23) poupoul2: fabien961: il y a un ascenceur vertical mais pas 
horizontal, right ?
(23:24:24) sam7: non pas tout le desing
(23:24:38) fabien961: la ligne du haut a deux colonnes (contenu et bandeau 
latéral) et celle du bas 3
(23:24:47) sam7: ok, je vois ce que tu veux dire
(23:24:49) sam7: oui alors
(23:25:04) fabien961: poupoul2 : si sur le forum, en 800x600 il y a 2 
ascenceurs
(23:25:22) sam7: il faut 3*3 cases...
(23:25:46) sam7: la première lignes pour les onglets et les textes
(23:25:53) sam7: la seconde pour les images
(23:26:01) fabien961: sam7 : pour moi le problème vient des screeshoots et 
téléchargements : ça prend trop de place
(23:26:02) guilro: bon tous je vous laisse =) bonne soirée bon courage. Je 
pense qu'il faut donner plus de place au paragraphe d'intro sur le site. Il 
est parfait pour un utilisateur régulier, mais confus je pense pour un 
nouveau =)
(23:26:05) sam7: la troisième pour le bandeau inférieur
(23:26:28) sam7: non, il faut les garder sur la page d'accueil, ainsi que le 
koala
(23:26:39) sam7: ça fait 3 cases à remplir
(23:26:40) poupoul2: guilro: ++ et merci 
(23:26:57) fabien961: @+ guilro
(23:27:01) sam7: merci à +
(23:27:07) poupoul2: fabien961: j'ai pas d'ascenceur horizontal chez moi
(23:27:09) guilro a quitté le salon (quit: "bye")
(23:27:30) poupoul2: fabien961: erf, si
(23:27:45) poupoul2: mais uniquement si je suis connecté o_O
(23:28:20) sam7: j'ai un ascenceur horizontal uniquement quand ça devient 
trop petit, mais alors c'est vraiement en vrac
(23:28:25) fabien961: poupoul2 : ah ouais ! bizarre !
(23:28:41) sam7: même les onglets ne sont plus allignés
(23:28:58) fabien961: sam7 : tu parles du mockup ?
(23:29:26) sam7: oui bien sûr
(23:29:32) fabien961: sam7 : oui, c'est un peu la cata !!
(23:29:46) poupoul2: bon, à revoir donc
(23:29:59) poupoul2: je mets ça dans mon compte rendu
(23:30:00) sam7: il faut prendre exemple sur 
http://pouvoir-choisir.org/logiciel-libre/public/mockup_u.png qui se réduit 
bien lui !
(23:30:07) fabien961: est-ce qu'on peut faire la boite ubuntu plus petite ?
(23:30:20) poupoul2: fabien961: oui, je pense que c'est possible
(23:30:26) sam7: non ! ça ne changera rien...
(23:30:27) fabien961: je parle de l'image de la boite du CD
(23:30:48) sam7: il faut se baser sur une trame comme je le propose... enfin, 
je crois bien
(23:30:56) sam7: j'avais bien compris
(23:31:39) sam7: chaque case est un carré d'une certaine dimension (300*300 
par exemple... maxi)
(23:31:52) fabien961: pareil pour les screenshots : moins large, on pourrait 
mettre les flèches en haut et en bas par exemple ?
(23:32:09) poupoul2: sam7: mon mockup est une image, donc elle s'adapte dans 
ton navigateur en fonction de la taille que tu lui donnes
(23:32:10) sam7: et pour les écrans de grande largeur / résoultion, et bien 
il y a des espaces entre ces carrés tout simplement
(23:32:23) sam7: ok
(23:32:25) poupoul2: sam7: passé en html/css, ce sera sans doute différent
(23:32:35) sam7: je comprends mieux
(23:32:45) poupoul2: fabien961: oui pour les screenshots
(23:32:51) sam7: dommage... ça aurait sans doute aidé à résoudre le soucis
(23:33:00) fabien961: sam7 : ben le problème c'est que tu ne tiens plus 
compte de la signification du contenu
(23:33:04) poupoul2: fabien961: ou utiliser un effet en cliquant sur l'image
(23:33:27) poupoul2: fabien961: sans flèches
(23:33:28) fabien961: sam7 : chaque "case" doit contenir un truc cohérent
(23:33:32) sam7: que veux-tu dire, jene comprends pas ?
(23:33:55) sam7: et bien c'est le cas dans ce que je propose
(23:34:24) sam7: numérotons les cases comme suit 1 / 2 / 3
(23:34:25) fabien961: sam7 : on ne peut pas mettre le menu en haut et le 
texte dans 2 cases différentes
(23:34:30) sam7: 4 / 5 / 6
(23:34:34) sam7: 7 / 8 / 9
(23:34:40) fabien961: sam7 : OK, redis moi, j'ai pas du bien comprendre
(23:34:45) sam7: 1 = à propos
(23:35:00) sam7: 2 = soutien/tel
(23:35:09) fabien961: poupoul2 : OK, je vais voir ce que je peut faire ... 
avec jQuery !
(23:35:14) sam7: 3 = en ce mement/activités
(23:35:22) sam7: 4 = screenshoot
(23:35:29) poupoul2: fabien961: ok, ça pourrait être une solution
(23:35:34) sam7: 5= boite télécharg
(23:35:41) sam7: 6= koala
(23:35:47) sam7: 7=soutien
(23:35:55) sam7: 8= publications
(23:35:57) poupoul2: bon les gens, je vous laisse, j'ai une très très grosse 
réunion demain
(23:36:00) sam7: 9= réseau
(23:36:03) sam7: et voilà !
(23:36:05) poupoul2: @+
(23:36:20) fabien961: @+ poupoul2 :) et merci !
(23:36:25) sam7: à+ merci
(23:36:35) poupoul2: fabien961: merci à toi et à sam7
(23:36:49) fabien961: sam7 : donc tu mets deux éléments de menu dans 2 case 
différentes : ça va pas
(23:36:50) sam7: de rien, c'est avec plaisir
(23:37:12) sam7: 2 onglets par "case" oui
(23:37:45) fabien961: les 4 éléments du menus (A propos d'Ubuntu,  site, 
soutien, téléchargement) doivent se trouver dans la même case, c'est une 
question de sémantique
(23:37:46) sam7: par contre, il faut au minimun 2 cases de largeur car le 
texte est à cheval sur 2 cases pour les 4 onglets de gauche
(23:38:30) sam7: non, ca fera des cases trop large
(23:38:46) sam7: il faut que toutes les cases aient la même largeur
(23:39:26) sam7: la hauteur importe peu en fait... mais identique sur une 
même ligne (carré ou rectangle, c'est pas génant)
(23:40:28) sam7: ça fera des cases trop large et un trop grand vide entre les 
2 parties à onglets
(23:40:46) sam7: il vaut mieux réduire les espaces entre les onglets
(23:41:15) fabien961: ben justement, c'est ça le problème, là, tu pars de 
l'effet graphique voulu pour placer tes éléments dans des cases, en fait il 
faut faire l'inverse
(23:41:16) sam7: ou faire une case spéciale double largeur avec 6 onglets 
dans 1,5 largeur
(23:41:32) sam7: et là on respectera l'image d'origine freezée
(23:41:46) fabien961: placer d'abord les éléments dans des cases en fonction 
de leur sens, puis faire le graphisme
(23:42:07) sam7: c'est toit qui voit... il est possible que je m'exrime mal
(23:42:13) sam7: exprime
(23:42:27) fabien961: regarde ce que ça donne le html sans CSS : c'est très 
lisible http://ubuntu-fr.evoconcept.net/rework/
(23:42:58) fabien961: là, toutes les boites créés sont en vrac, le CSS dois 
les organiser pour que ce soit joli
(23:44:17) fabien961: si tu veux et si tu as le temps, essaye de me faire un 
dessin de ce à quoi tu penses
(23:44:31) sam7: c'est un peu comme ça que je vois efectivement, mais il 
faudrait contrôler dans quel ordre le css les réorganisent
(23:45:00) sam7: je vais essayer de faire un dessin, si j'y arrive
(23:45:09) sam7: je posterais sur le forum