revoir l'esthétique du site (2)

luigifab · Le 02/10/2010, à 10:28

Concernant le thème Ubuntu-light effectivement, il y a pas mal de problème.
- le Menu profil devrait se trouver en dessous/dessus du menu de droite,
- il y a de nombreux problèmes de marge,
- il y a un doublon du menu liens de recherche (en bas de page),
- la colonne Dernier message est beaucoup trop petite...

xapantu · Le 02/10/2010, à 10:28

xabilon a écrit :

Ben ça dépend de beaucoup de choses, d'abord de ton CPU, et je suppose qu'aussi de ta carte graphique ...
Il y a des CSS "Ubuntu-light" reprenant le thème actuel, disponibles dans Profil > Affichage, mais malheureusement moins travaillés.

Oui, je vais essayer de l'améliorer un peu, surtout si on a des soucis de perfs sur le nouveau

À la base, les fichiers PHP de FluxBB1.4 sont légèrement plus importants que ceux de FluxBB1.2

Mais du côté utilisateur, ça ne devrait pas changer grand chose ?

et le CSS aussi utilise plus d'images, et plus "d'effets CSS";

Oui, c'est clairement le problème, il va falloir trouver une solution... Peut-être faire un thème correspondant à celui là avec plus de css3 et se passer des images de dégradé ?

le Javascript n'est utilisé que pour le bouton "cacher le menu", et pour la barre BBCode (mais pour celle-ci, on pourrait s'en passer)

Oui, là, il faut soit qu'on trouve une autre mod, soit vraiment alléger celle là.

luigifab · Le 02/10/2010, à 10:33

Oui, c'est clairement le problème, il va falloir trouver une solution... Peut-être faire un thème correspondant à celui là avec plus de css3 et se passer des images de dégradé ?

Je dirait qu'afficher une image est moins lourd que faire afficher un dégradé, mais je n'ai fait aucun test.

Par contre, utiliser plus de CSS 3 réduire considérablement le nombre de requête HTTP, la page s'affichera beaucoup plus vite même avec une petite connexion.

xapantu · Le 02/10/2010, à 10:37

luigifab a écrit :

Oui, c'est clairement le problème, il va falloir trouver une solution... Peut-être faire un thème correspondant à celui là avec plus de css3 et se passer des images de dégradé ?
Je dirait qu'afficher une image est moins lourd que faire afficher un dégradé, mais je n'ai fait aucun test.

Ah bon ? J'aurais dit exactement le contraire ? Le navigateur peut optimiser à la source, ça devrait être plus rapide, non ?

luigifab · Le 02/10/2010, à 10:51

J'ai un exemple si tu veux... par contre ça concerne plus la propriété box-shadow que background-image.

1) Rend toi sur cette page (enfin si ça veut bien fonctionner).
Clique sur la première photo (activation du mode diaporama) puis appuies sur la touche droite deux fois.

2) Les trois premières photos devraient maintenant être en cache.
Navigue entre ces trois photos, observe la vitesse de traitement.

3) Maintenant ouvre Firebug.
Dans la console, exécute cette commande : config.slideshow.hiddenPage = false;
Modifie le code CSS de la div id boite (#boite.photo, #boite.video {), et désactive -moz-box-shadow:none; et border:2px solid #999999;.

4) Ferme le diaporama et rouvre le.
Observe à nouveau la vitesse d'affichage.

Normalement, la réactivé de l'application a considérablement chutée.

Dernière modification par luigifab (Le 09/11/2010, à 21:10)

sam7 · Le 02/10/2010, à 11:39

bon, je n'ai pas eu le temps de tester/comparer l'ancien avec le nouveau sur les 2 ou 3 navigateurs que j'ai dans chacuns de mes 6 systèmes installés... mais je n'ai pour le moment pas constaté de trop grosses différence de "fluidité/rapidité" de navigation

je ferais signe si je constate que ça "rame" plus avec l'un ou l'autre dès que j'aurais le temps

Dernière modification par sam7 (Le 02/10/2010, à 11:39)

xapantu · Le 02/10/2010, à 11:43

luigifab a écrit :

J'ai un exemple si tu veux... par contre ça concerne plus la propriété box-shadow que background-image.
1) Rend toi sur cette page (enfin si ça veut bien fonctionner).
Clique sur la première photo (activation du mode diaporama) puis appuies sur la touche droite deux fois.
2) Les trois premières photos devraient maintenant être en cache.
Navigue entre ces trois photos, observe la vitesse de traitement.
3) Maintenant ouvre Firebug.
Dans la console, exécute cette commande : config.slideshow.hiddenPage = false;
Modifie le code CSS de la div id boite (#boite.photo, #boite.video {), et désactive -moz-box-shadow:none; et border:2px solid #999999;.
4) Ferme le diaporama et rouvre le.
Observe à nouveau la vitesse d'affichage.
Normalement, la réactivé de l'application a considérablement chutée.

oui, mais n'est-ce pas du à firebug ?

luigifab · Le 02/10/2010, à 11:57

Non du tout, c'est du à Firefox. J'ai fais le même test en modifiant directement les fichiers, même résultat.

Dernière modification par luigifab (Le 02/10/2010, à 11:58)

xapantu · Le 02/10/2010, à 11:59

Ah, ok....

edit: après, ça dépend peut-être de la règle, pour les arrondis, je suis à peu près sûr que ça accélère. Après, je me trompe peut-être...

Dernière modification par xapantu (Le 02/10/2010, à 12:07)

luigifab · Le 02/10/2010, à 12:12

Oui ça dépend de la règle.
Vaut mieux un border-radius qu'une image effectivement.

Malizor · Le 02/10/2010, à 13:22

En général, sur notre CSS, Webkit bouffe plus de ressources que d'autres moteurs (la palme revient à Chromium : en déplaçant continuellement la souris sur la liste des forums, j'arrive à 40% du CPU!)

Perso, ça ne me consomme pas plus que l'ancien design (FF 3.6.10 et Chromium 7.0.536.2).
Chromium me sature mon CPU dans les deux cas (un vieux 1.7 Gh mono-cœur)

Mais est-ce bien grave ? Dans la vraie vie on ne s'amuse pas à déplacer continuellement la souris sur la liste des forums...

xapantu · Le 02/10/2010, à 13:25

Ben là, je viens de tester avec epiphany, c'est vrai que c'est pas vraiment utilisable (et encore j'ai un dual core). Alors que sur l'ancien, c'est vraiment utilisable...

Dernière modification par xapantu (Le 02/10/2010, à 13:28)

francoise_peace · Le 02/10/2010, à 19:05

Trois suggestions:
1.[doc]http://doc.ubuntu-fr.org/[/doc]
Le code doc ne fait rien !!!

2.Pouvoir créer des sous-dossier pour organiser ses messages.

3.Pouvoir rechercher dans ses messages.

xapantu · Le 02/10/2010, à 19:16

francoise_peace a écrit :

2.Pouvoir créer des sous-dossier pour organiser ses messages.

Ça, c'est carrément compliqué... À la limite, on pourrait faire un tri de ses messages par catégorie, mais c'est tout ce qui est envisageable.

Et pour l'instant, on va essayer de se concentrer sur le design, on verra le reste après

3.Pouvoir rechercher dans ses messages.

C'est une bonne idée, mais le serveur ne supporterai pas la charge d'une telle recherche

mydjey · Le 03/10/2010, à 14:08

Bonjour, Cette nuit j'ai testé le forum de dev, pas granche à dire, mise à part que vous avez assurés.
Je trouve le design très sympa, c'est clair, c'est propre. Ça donne envie de l'utiliser.

J'ai trouvé quelques petits détails et finitions à apporter, voici la liste :

[ Testes effectués avec FF 3.6 ]

Dans listes des membres :

Les "s" et"t" dépassent sur les listes déroulantes.

Lorsque l'on poste un message, puis que l'on veut le supprimer :

L'image parle d'elle même.

Dans les options du profil :

Le texte déborde légèrement de la liste lorsque le texte est long.

Dans la liste déroulante de recherche :

Le petit icone n'est pas centré.

[ Avec Midori ] :

La liste déroulante n'apparaît pas.

Dernière modification par mydjey (Le 03/10/2010, à 14:11)

xabilon · Le 03/10/2010, à 14:52

francoise_peace a écrit :

Trois suggestions:
1.[doc]http://doc.ubuntu-fr.org/[/doc]
Le code doc ne fait rien !!![/doc]

C'est pas encore implémenté. On va déjà le mettre dans le parser (la balise doc sera fonctionelle, mais pas proposée dans la barre d'outils de réponse)

2.Pouvoir créer des sous-dossier pour organiser ses messages.
3.Pouvoir rechercher dans ses messages.

En revanche je ne me rappelle pas avoir dit qu'on pourrait le faire ...

Dernière modification par xabilon (Le 03/10/2010, à 16:06)

francoise_peace · Le 03/10/2010, à 17:08

1- Est-ce qu'on peut avoir une entrée de forum pour se plaindre quand le forum-fr bug ?

2- Est-ce qu'on peut avoir des skins au choix pour personnaliser la couleur de Ubuntu-fr ? Et aussi de manière à ce que d'autres proposent des skins... tout comme Mozilla Firefox ?

3- Est-ce que vous pouvez utiliser un moteur de recherche externe comme celui-là: http://www.sitelevel.com/ pour chercher à l'intérieur de Mes Messages ?

Dernière modification par francoise_peace (Le 03/10/2010, à 17:12)

yvecai · Le 03/10/2010, à 18:01

Je confirme qu'avec epiphany, c'est lent sur un Core i5.

xapantu · Le 03/10/2010, à 18:44

yvecai a écrit :

Je confirme qu'avec epiphany, c'est lent sur un Core i5.

On a trouvé, c'est l'ombre en css3 qui fait tout planter. (merci à luigifab qui nous a mit sur la piste ^^)

edit: On a modifié, ça change quelque chose en perfs ?

Dernière modification par xapantu (Le 03/10/2010, à 18:54)

xapantu · Le 03/10/2010, à 19:06

mydjey a écrit :

[ Avec Midori ] :
http://pix.toile-libre.org/upload/thumb/1286110312.png
La liste déroulante n'apparaît pas.

C'est un bug de midori

sam7 · Le 03/10/2010, à 22:55

francoise_peace a écrit :

3.Pouvoir rechercher dans ses messages.

ça serait très pratique en effet ... je ne me souviens pas que l'on ait abordé la question... affaire à suivre

francoise_peace a écrit :

2- Est-ce qu'on peut avoir des skins au choix pour personnaliser la couleur de Ubuntu-fr ? Et aussi de manière à ce que d'autres proposent des skins... tout comme Mozilla Firefox ?

oui, il y aura des "skins" (que l'on appelle des styles alternatifs)... ça sera pour bientôt aussi ... pour la prochaine version (2.1)
on y pense déjà depuis un moment (c'est "étudié pour"), & on attaquera ça après la mise en ligne de la 2.0 qui aura lieu très prochainement...

xabilon · Le 03/10/2010, à 23:12

xapantu a écrit :

edit: On a modifié, ça change quelque chose en perfs ?

Pour ma part, je n'ai plus aucun problème de lenteur avec Epiphany sur Ubuntu 10.04

Pour les skins, je compte m'atteler à un CSS "Canonical style" (basé sur les nouveaux design et couleurs Ubuntu), quand le forum sera migré et parfaitement fonctionnel.

Il reste juste quelques bugs signalés à corriger, introduire le champ de recherche et tester la migration de la base de données.

Dernière modification par xabilon (Le 03/10/2010, à 23:15)

luigifab · Le 04/10/2010, à 09:05

mydjey a écrit :

http://pix.toile-libre.org/upload/thumb/1286110027.png
Les "s" et"t" dépassent sur les listes déroulantes.

Je pense que ces bugs ne viennent ni du Forum, ni de Firefox mais du thème que tu utilises.

xabilon · Le 04/10/2010, à 10:17

C'est possible. En tout cas ça me le faisait aussi (thème qtcurve)
J'ai ajouté un petit padding-right, ça mange pas de pain

Qid · Le 04/10/2010, à 10:27

luigifab a écrit :

mydjey a écrit :
http://pix.toile-libre.org/upload/thumb/1286110027.png
Les "s" et"t" dépassent sur les listes déroulantes.
Je pense que ces bugs ne viennent ni du Forum, ni de Firefox mais du thème que tu utilises.

ou de la résolution en largeur que ton navigateur laisse afficher à l'écran aussi ptetre

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#751 Le 02/10/2010, à 10:28

Re : revoir l'esthétique du site (2)

#752 Le 02/10/2010, à 10:28

Re : revoir l'esthétique du site (2)

#753 Le 02/10/2010, à 10:33

Re : revoir l'esthétique du site (2)

#754 Le 02/10/2010, à 10:37

Re : revoir l'esthétique du site (2)

#755 Le 02/10/2010, à 10:51

Re : revoir l'esthétique du site (2)

#756 Le 02/10/2010, à 11:39

Re : revoir l'esthétique du site (2)

#757 Le 02/10/2010, à 11:43

Re : revoir l'esthétique du site (2)

#758 Le 02/10/2010, à 11:57

Re : revoir l'esthétique du site (2)

#759 Le 02/10/2010, à 11:59

Re : revoir l'esthétique du site (2)

#760 Le 02/10/2010, à 12:12

Re : revoir l'esthétique du site (2)

#761 Le 02/10/2010, à 13:22

Re : revoir l'esthétique du site (2)

#762 Le 02/10/2010, à 13:25

Re : revoir l'esthétique du site (2)

#763 Le 02/10/2010, à 19:05

Re : revoir l'esthétique du site (2)

#764 Le 02/10/2010, à 19:16

Re : revoir l'esthétique du site (2)

#765 Le 03/10/2010, à 14:08

Re : revoir l'esthétique du site (2)

#766 Le 03/10/2010, à 14:52

Re : revoir l'esthétique du site (2)

#767 Le 03/10/2010, à 17:08

Re : revoir l'esthétique du site (2)

#768 Le 03/10/2010, à 18:01

Re : revoir l'esthétique du site (2)

#769 Le 03/10/2010, à 18:44

Re : revoir l'esthétique du site (2)

#770 Le 03/10/2010, à 19:06

Re : revoir l'esthétique du site (2)

#771 Le 03/10/2010, à 22:55

Re : revoir l'esthétique du site (2)

#772 Le 03/10/2010, à 23:12

Re : revoir l'esthétique du site (2)

#773 Le 04/10/2010, à 09:05

Re : revoir l'esthétique du site (2)

#774 Le 04/10/2010, à 10:17

Re : revoir l'esthétique du site (2)

#775 Le 04/10/2010, à 10:27

Re : revoir l'esthétique du site (2)

Pied de page des forums