Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#801 Le 07/09/2009, à 21:24

sam7

Re : revoir l'esthétique du site

vraiement très bon comme travail luk !
ça vallait le coup d'attendre un peu...

merci


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

#802 Le 08/09/2009, à 02:00

Mpok

Re : revoir l'esthétique du site

Bien sûr, le zoom doit être "limité" dans l'implémentation. Deux ou trois niveaux en plus ou en moins sont la norme. Au-delà, c'est chercher la petite bête pour pas grand-chose..

Note @luk : j'ai pas bien compris ton explication sur les tailles des images. Lors d'un redimensionnement des polices, les images ne SONT PAS redimensionnées (je ne parle pas de la fonction "zoom" de Firefox, mais bien du choix par défaut des polices sur TOUS les navigateurs). A mon avis, la taille (et la résolution originale) des images n'a rien à faire dans ce débat.
D'autre part, ma remarque initiale n'était pas uniquement liée au redimensionnement : même sans redimensionnement des polices, il y a chevauchement (du texte sur l'image). Alors tu vas me dire "fond transparent". Ok. Mais certains navigateurs gèrent assez mal la transparence, donc pbms à prévoir...
(Note : je n'ai jamais dit que c'était infaisable, je donne juste quelques pistes sur les problèmes "qu'il faudra gérer").

Hors ligne

#803 Le 08/09/2009, à 21:20

sam7

Re : revoir l'esthétique du site

réunion ce soir sur IRC (dans le canal habituel, en ce moment même) avec des nouveaux venus qui vont "coder" ce qui a été freezé...


@ luk, il serait souhaitable, si tu le peux, d'avancer dans les mockups un peu plus rapidement,
& éventuellement, de commencer également une ébauche du planet (pour les nouveaux contributeurs / codeurs que l'on remercie d'avance)
en cas de difficultés, fait le nous savoir ici, peut-être the bootroo ou quelqu'un d'autre pourra t'il également proposer des mockups...

merci à vous

Dernière modification par sam7 (Le 08/09/2009, à 21:34)


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

#804 Le 09/09/2009, à 20:30

sam7

Re : revoir l'esthétique du site

bonsoir à tous...
suite à la réunion d'hier soir, il a été décidé un certain nombre de choses...

sur la page d'accueil qui a été freezée il y a un moment déjà, il nous faut rajouter ceci :

« Par où commencer », « L'association », « contribuer à Ubuntu-fr »

j'ai 2 ou 3 idées, je vais donc vous les poster tout à l'heure...

Dernière modification par sam7 (Le 09/09/2009, à 21:37)


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

#805 Le 09/09/2009, à 21:28

sam7

Re : revoir l'esthétique du site

après avoir regardé de prêt la version freezée en fonction de ce qui nous a été demandé... je me rends compte qu'il ne reste qu'une seule solution possible selon moi...


actuellement, de prévu dans le bandeau inférieur de la future page d'accueil,
http://doc.ubuntu-fr.org/_detail/projets/freeze_accueilv4.png?id=projets%3Adesign2009

nous avons 3 colonnes...

>>  dans la première intitulée "SUPPORT" nous avons :

* documentation
* forum
* support interactif

>>  dans la seconde intitulée "PUBLICATIONS" nous avons :

* planet
* la boutique
* lettre habdomadaire
* interviews

>>  dans la troisième intitulée "RESEAU" nous avons :

* contribuer à ubuntu
* soutenir ubuntu-fr
* liens
* partenaires & revendeurs

>>  et nous devons réussir à "caser" :

1 « Par où commencer »,
2 « L'association »,
3 « contribuer à Ubuntu-fr » ... or, nous l'avons déjà !

selon moi, la "solution" est alors toute trouvée, nous devrons donc avoir ceci à la place :

>>  dans la première intitulée "SUPPORT" nous devrions avoir :

* par où commencer
* documentation
* forum
* support interactif

>>  dans la seconde intitulée "PUBLICATIONS" nous devrions avoir :

* planet
* la boutique
* lettre habdomadaire
* interviews

>>  dans la troisième intitulée "RESEAU" nous devrions avoir :

* contribuer & soutenir la distribution ubuntu
* contribuer & soutenir l'association ubuntu-fr
* partenaires & revendeurs
* liens

qu'en dites vous ?

Dernière modification par sam7 (Le 09/09/2009, à 21:40)


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

#806 Le 09/09/2009, à 22:16

fabien961

Re : revoir l'esthétique du site

Salut à tous
Pour ceux qui n'étaient pas à la réunion IRC hier, je suis un des codeurs volontaires.
J'ai repris le mockup HTML de AlexandreP là : http://dev.ubuntu-fr-secours.org/alexandrep/ufr-mockup/
Je voudrais savoir où je peux uploader mes modifs pour avoir votre avis ?

@sam7 : ça me parait très bien ces menus, sauf peut-être "contribuer & soutenir la distribution ubuntu" qui est un peu long ...

Hors ligne

#807 Le 10/09/2009, à 01:23

Levi59

Re : revoir l'esthétique du site

fabien961 a écrit :

ça me parait très bien ces menus, sauf peut-être "contribuer & soutenir la distribution ubuntu" qui est un peu long ...

Pourquoi pas mettre "contribution et soutient" puis dans un petit sous menu qui ne s'ouvrirait que lors du clic, mettre "à la distribution" et en dessous "à l'association"?

Dernière modification par Levi59 (Le 10/09/2009, à 01:25)

Hors ligne

#808 Le 10/09/2009, à 13:44

YannUbuntu

Re : revoir l'esthétique du site

@sam7: tres bien, sauf qu'a mon avis on n'a pas besoin de mettre "contribuer & soutenir la distribution ubuntu" car c'est deja inclus dans "contribuer & soutenir l'association ubuntu-fr" ( http://www.ubuntu-fr.org/contribuer-ubuntu-fr )


à consulter/améliorer: Guide du Débutant, Logiciels, Ecole, Travail, Maison

Hors ligne

#809 Le 10/09/2009, à 16:41

Julientroploin

Re : revoir l'esthétique du site

Levi59 a écrit :
fabien961 a écrit :

ça me parait très bien ces menus, sauf peut-être "contribuer & soutenir la distribution ubuntu" qui est un peu long ...

Pourquoi pas mettre "contribution et soutient" puis dans un petit sous menu qui ne s'ouvrirait que lors du clic, mettre "à la distribution" et en dessous "à l'association"?

Autre solution pour raccourcir l'intitulé : on n'est pas obliger de préciser "ubuntu" et "ubuntu-fr". C'est marqué partout et ça peut être relegué sur la page liée.
Ce qui donne :
* contribuer & soutenir la distribution
* contribuer & soutenir l'association

Je serais même pour supprimer soit "contribuer &" soit "& soutenir" de l'intitulé, je trouve ça redondent même si c'est vrai qu'il y a une légère nuance.

Sinon, j'aime moins, mais vous avez pensé qu'il pourrait y avoir des infos supplémentaires dans des "étiquettes" qui apparaissent au survol? C'est courant donc je pense pas que ce soit difficile à coder...

Par exemple :
* intitulé : "Contribuer à l'association"
* étiquette : "Les différentes façons de soutenir l'association Ubuntu-fr"


Fixe : Core i5, 8GoRAM, NVidia 9800GT Silent => Ubuntu 22.04
Portable Compaq Presario2158 : AthlonXP-M2400+, 1GoRAM, ATI Radeon mobility320M => Primtux
https://launchpad.net/~julienmbpe

Hors ligne

#810 Le 10/09/2009, à 18:15

Ner0lph

Re : revoir l'esthétique du site

luK a écrit :

- citations: http://lukdesigner.free.fr/Ubuntu/v4/docV4_Quote.png

Ok pour moi.

luK a écrit :

- tableaux: http://lukdesigner.free.fr/Ubuntu/v4/docV4_Array.png

Pas mal, mais le ruban rend le tableau trop lourd. Il vaut mieux ne pas en mettre. Et de toutes façons, on ne pourra pas le mettre en CSS.

Dernière modification par Ner0lph (Le 10/09/2009, à 18:31)

Hors ligne

#811 Le 10/09/2009, à 18:43

YoBoY

Re : revoir l'esthétique du site

Il me faudrait un visuel sans entête et également un visuel avec des cases en-tête en plein dans le tableau pour la doc.

Les tableaux dans la doc sont simple, une case en-tête est définie par des ^ ^ et une case simple par des | | ce qui fait qu'on peux avoir plein de combinaisons

Tes exemples se traduiraient par :

^  Colonne 1  ^  Colonne 2  ^  Colonne 3  ^  Colonne 4  ^
|  Contenu  |  Contenu  |  Contenu  |  Contenu  |

^  ^  Colonne 1  ^  Colonne 2  ^  Colonne 3  ^  Colonne 4  ^
^  Ligne 1  |  |  |  |  |
^  Ligne 2  |  |  |  |  |
^  Ligne 3  |  |  |  |  |
^  Ligne 4  |  |  |  |  |

Au final on a 2 types de cases, une case "entête" et une case "contenu" ces deux cases pouvant être librement utilisées. Le design des tableaux doit donc suivre cette contrainte, sauf si en CSS on peux aussi définir un genre de 1ère ligne et 1ère colonne, ce qui lèverait cette contrainte.

Merci encore pour cet excellent travail dans tous les cas.

Hors ligne

#812 Le 10/09/2009, à 19:47

Ner0lph

Re : revoir l'esthétique du site

YoBoY a écrit :

Le design des tableaux doit donc suivre cette contrainte, sauf si en CSS on peux aussi définir un genre de 1ère ligne et 1ère colonne, ce qui lèverait cette contrainte.

Je pense que c'est possible grâce à la pseudo-classe « :first-child » ou « :first-line ». Mais il vaut mieux prévoir le cas où cela serait difficile.

YoBoY a écrit :

Merci encore pour cet excellent travail dans tous les cas.

Oui, tout fait, on ne le dit pas assez ! smile

Dernière modification par Ner0lph (Le 10/09/2009, à 20:12)

Hors ligne

#813 Le 10/09/2009, à 22:03

sam7

Re : revoir l'esthétique du site

très bien Levi59
j'y pensais également...
et effectivement, un "truc" au survol pourrait être sympa !


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

#814 Le 11/09/2009, à 17:35

fabien961

Re : revoir l'esthétique du site

effectivement, un "truc" au survol pourrait être sympa !

Bien d'accord avec toi sam7, et pourquoi ne pas prendre exemple sur ça :
http://meyerweb.com/eric/css/edge/popups/demo.html
chaque menu a droit à son complément en dessous quand on fait un rollover, et tout ça en pure CSS !

Hors ligne

#815 Le 11/09/2009, à 18:31

Levi59

Re : revoir l'esthétique du site

fabien961 a écrit :

effectivement, un "truc" au survol pourrait être sympa !

Bien d'accord avec toi sam7, et pourquoi ne pas prendre exemple sur ça :
http://meyerweb.com/eric/css/edge/popups/demo.html
chaque menu a droit à son complément en dessous quand on fait un rollover, et tout ça en pure CSS !

Pas mal! et ca reste apparemment assez léger. Maintenant est-ce que ca s'intègrerait dans le thème actuel?

Hors ligne

#816 Le 11/09/2009, à 21:24

sam7

Re : revoir l'esthétique du site

j'aime bien, effectivement... mais pour l'intégration avec le thème,
je ne suis pas sûr que ça puisse le faire...
ce qui est dommage
... il faudrait trouver autre chose,
peut être une sorte d'infobulle qui s'afficherais au dessus ?


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

#817 Le 12/09/2009, à 09:34

Julientroploin

Re : revoir l'esthétique du site

sam7 a écrit :

peut être une sorte d'infobulle qui s'afficherais au dessus ?

C'est a ça que je pensait quand j'ai émis l'idée... comme ça se fait dans wikipédia.


Fixe : Core i5, 8GoRAM, NVidia 9800GT Silent => Ubuntu 22.04
Portable Compaq Presario2158 : AthlonXP-M2400+, 1GoRAM, ATI Radeon mobility320M => Primtux
https://launchpad.net/~julienmbpe

Hors ligne

#818 Le 12/09/2009, à 15:41

sam7

Re : revoir l'esthétique du site

ça me va bien...
il ne reste plus qu'à mettre en "image"...
(avant la réunion de mardi soir si possible)
qui est volontaire ?


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

#819 Le 12/09/2009, à 18:36

fabien961

Re : revoir l'esthétique du site

Moi, j'ai commencé à faire des essais, mais je ne sais pas où je peux mettre ça pour vous les montrer. Je vais voir si je peux créer un compte free avec un espace FTP, mais si je peux avoir un espace comme celui-là, ce sera peut-être mieux.
Quelqu'un sait comment faire ?

Hors ligne

#820 Le 12/09/2009, à 18:57

Julientroploin

Re : revoir l'esthétique du site

Moi aussi, j'avais un moment cet après-midi donc j'ai tenté un truc :

1252777991.png
Modifs :
- colonne "Support"
- "étiquette" au survol


Mais bon j'avais pas les sources, c'est de la bidouille à partir du .png...
En tout cas, c'est comme ça que je voyais les choses.

@Fabien : sur http://pix.toile-libre.org/ pas besoin d'une quelconque inscription et ça va vite.

Dernière modification par Julientroploin (Le 12/09/2009, à 18:58)


Fixe : Core i5, 8GoRAM, NVidia 9800GT Silent => Ubuntu 22.04
Portable Compaq Presario2158 : AthlonXP-M2400+, 1GoRAM, ATI Radeon mobility320M => Primtux
https://launchpad.net/~julienmbpe

Hors ligne

#821 Le 12/09/2009, à 20:11

sam7

Re : revoir l'esthétique du site

c'est sympa... mais pas tout à fait au point... (colonne "Réseau"... permuter p&r avec liens)
& "la carte des utilisateurs" que quelqu'un avait glissé ici serait à replacer (ailleurs...?)
peut-être alors passer à 5 par colonne en trouvant un 5è pour "Publication" ?


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

#822 Le 12/09/2009, à 21:27

fabien961

Re : revoir l'esthétique du site

Je rajouterai une autre remarque : le texte de l'infobulle en blanc avec la même police que "Contribuer à Ubuntu", ce serait mieux, non ?

@Julientroploin : Pour l'hébergement, il me faut un vrai serveur car c'est le code html et non l'image sur lequel je travaille. Mais ça va aller, il faut 2 jours à free pour créer un compte et j'ai commencé le processus jeudi soir, donc demain matin ça devrait être bon.
Mais voilà déjà un screenshot :
1252786942.png
Je suis parti de la version d'AlexandreP

@sam7 :

"la carte des utilisateurs" que quelqu'un avait glissé ici serait à replacer (ailleurs...?)

Tu veux dire qu'il faut mettre "la carte des utilisateurs" dans le menu ou l'enlever ?

Hors ligne

#823 Le 12/09/2009, à 22:33

Julientroploin

Re : revoir l'esthétique du site

@Fabien : effectivement j'avais pas compris que tu bossait sur le code.

Je pense que Sam voulait la rajouter puisqu'il parlait de paser à 5/colonne, mais comme tu l'a placé et en fusionnant les 2 contributions, c'est bien équilibré. Et puis je trouve ça bien dans "Réseau".


Fixe : Core i5, 8GoRAM, NVidia 9800GT Silent => Ubuntu 22.04
Portable Compaq Presario2158 : AthlonXP-M2400+, 1GoRAM, ATI Radeon mobility320M => Primtux
https://launchpad.net/~julienmbpe

Hors ligne

#824 Le 13/09/2009, à 12:03

sam7

Re : revoir l'esthétique du site

effectivement, c'était à rajouter...

je verrais bien ainsi :

>>  dans la première intitulée "SUPPORT" nous devrions avoir :

* par où commencer
* documentation
* forum
* support interactif
* la carte des utilisateurs

>>  dans la seconde intitulée "PUBLICATIONS" nous devrions avoir :

* planet
* la boutique
* lettre habdomadaire
* interviews
* (un 5è à trouver... par exemple une page donnant des liens vers tous les sites parlant d'ubuntu & de linux
http://fullcircle-mag.fr/index.php?pages/publications  http://www.generation-linux.fr/index.php?  http://www.breizh-ardente.fr/article/installer-ubuntu  http://www.ed-diamond.com/  http://www.linuxmag-france.org/  voire même éventuellement http://www.magazine-avosmac.com/opensource/
et bien d'autres encore ...  )

>>  dans la troisième intitulée "RESEAU" nous devrions avoir :

* contribuer & soutenir
- la distribution ubuntu
- l'association ubuntu-fr
* partenaires & revendeurs
* liens (mais que veulent-ils y mettre exactement ?)

(en rajoutant des infobulles pour chacun des 15 liens ci-dessus)

Dernière modification par sam7 (Le 13/09/2009, à 12:10)


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

#825 Le 13/09/2009, à 12:06

poupoul2

Re : revoir l'esthétique du site

sam7 a écrit :

>>  dans la seconde intitulée "PUBLICATIONS" nous devrions avoir :

* planet
* la boutique
* lettre habdomadaire
* interviews
* (un 5è à trouver... par exemple une page donnant des liens vers tous les sites parlant d'ubuntu & de linux)

Nous avons initialement positionné la boutique dans les publications, ce qui ne semble pas très logique. Elle aurait sans doute plus sa place dans la section réseau.