BoyWiki:Agora/9 décembre 2010

Agora/9 décembre 2010

Mise au point de l'image du jour

Les trois marmitons de Bail sont bien mal élevés ! Chez moi (affichage 1024x768, avec panneau latéral), ils débordent largement sur la citation du jour, dont ils cachent un bon tiers.

Par ailleurs, j'ai fait quelques modifications sur la page d'accueil : d'une part, un petit texte humoristique pour la bannière ; d'autre part, et surtout, une refonte des deux textes sur BoyWiki – en laissant apparente l'explication générale, et en mettant dans la boîte déroulante tout ce qui a trait à l'inscription et à la participation (y compris ce qui était auparavant en italique et en tête de page). Ce n'est qu'un essai – tous les avis sont bienvenus.

A propos des conditions d'inscription, il serait sans doute souhaitable de réécrire la page Scribe, qui ne correspond pas à la réalité actuelle.

Désolé d'écrire tout ça sous le seul titre Mise au point de l'image du jour ; mais j'ai actuellement de sérieuses difficultés de connexion, qui obligent à tout regrouper pour avoir plus de chances que ça passe.

Caprineus 9 décembre 2010 à 16:06 (GMT)

Normalement ils ne devraient plus déborder. Il faudra vérifier les effets possibles sur les images en portrait. Il faut dire aussi, je pensais que les derniers écrans 1024x768 avaient disparu il y a plusieurs années ! Tu devrais en parler au Père Noël... Pinocchio 9 décembre 2010 à 22:21 (GMT)

Détrompe-toi ! A mon domicile principal, j'utilise deux ordinateurs : un récent, avec un bel écran 1920x1080, et une antiquité, néanmoins fort utile, que j'ai réglée en 800x600 ! Mais dans la "résidence secondaire" où je suis actuellement, un vieux 1024x768 fait très bien l'affaire. Ça permet de tester que BoyWiki est lisible par les internautes du monde entier – car dans de nombreux pays l'utilisateur moyen est très loin de bénéficier des derniers progrès en informatique.

Justement, lorsque je retrouverai le grand écran en HD, j'ai bien peur que les "images du jour" m'apparaissent minuscules ! C'est vraiment dommage qu'on ne puisse pas adapter ces aperçus à la place disponible, en fonction de l'affichage choisi.

Caprineus 9 décembre 2010 à 23:17 (GMT)

(conflit d'édition) Le problème subsiste si, pour une raison ou pour une autre, on diminue la taille de la fenêtre à une largeur inférieure à ces fatidiques 1024 pixels. Idéalement, la solution serait que la taille de l'image se réduise de concert avec la diminution de la taille du cadre réservé à l'image du jour. Par exemple actuellement, la taille de l'image est de 420 pixels. Si le cadre de l'image du jour est plus large que 420 pixels, ne rien changer (afficher l'image avec une largeur de 420 pixels) ; si le cadre de l'image du jour fait moins de 420 pixels, disons 380 pixels, afficher l'image avec une largeur de 380 pixels. Pour ton commentaire sur la disparition des écrans 1024x768, n'oublie pas les nouveaux usages : des gens consultent les sites sur des téléphones portables, sur des tablettes... Lascar 9 décembre 2010 à 23:21 (GMT)

Il semble que les suggestions de Lascar aient été prises en compte, puisque maintenant l'image du jour s'adapte quand on fait varier la taille du cadre (en modifiant la largeur du bandeau latéral). C'est beaucoup mieux, en effet.

Avec cette amélioration, on peut se demander s'il est toujours opportun de redimensionner l'image avant de l'envoyer vers la page d'accueil. Pourquoi ne pas utiliser simplement l'image d'origine, dans sa définition maximum, puisqu'elle s'adaptera d'elle-même à la largeur disponible en fonction de l'écran ?

Plus encore : on pourrait lui faire de la place en gérant mieux le partage entre image et citation. Par exemple, définir que le cadre de la citation occupe en principe 50 % de la largeur disponible, mais jamais plus de 400 pixels (à affiner). Il resterait donc pour le cadre de l'image, soit 50 % (petits écrans), soit 100 % – 400 pixels (grands écrans).

Pour la hauteur du cadre de l'image, je serais d'avis de lui donner un peu de marge en la définissant selon le rapport : largeur × 1,618 (soit N = nombre d'or, proportion reconnue comme particulièrement harmonieuse). Le titre Image du jour et le commentaire occupant une partie de cet espace, il resterait de quoi afficher aisément les images verticales.

(A propos du commentaire : je veux bien en rédiger d'autres, mais comment les insérer dans le modèle {{Mainpix|fr|huile}} ?)

Pour la hauteur du cadre de la citation, elle serait égale à celle du cadre de l'image, puisqu'apparemment une différence serait inesthétique. Reste à trouver une idée pour meubler le bas du cadre quand la citation est courte... (Une vignette genre angelot ou diablotin, ça serait possible ? Je dois avoir ça dans mes archives...)

Caprineus 10 décembre 2010 à 22:11 (GMT)

Ben non ! Ça ne marche pas si bien que je croyais. L'affichage "adaptatif" que je décrivais ci-dessus, c'était avec le marmiton alcoolisé – format horizontal. Voici maintenant en vertical Un cuisinier et son chien carlin (Dieu ! qu'il est moche !) (pas le cuisinier, le carlin), et là ça ne va plus du tout.

Non seulement l'image ne s'adapte pas à la largeur du cadre, mais quand celui-ci est trop étroit elle déborde sur le cadre de la citation (comme Les trois marmitons d'hier) ; et même quand le cadre est plus large (ma non troppo), le texte passe sous l'image, et il sort à la fois du cadre de l'image et de celui de la page. (Il y a un stade intermédiaire dans lequel le mot « Un » est sur le côté droit de l'image, tandis que tout le reste du texte est au-dessous !)

Apparemment, il faudrait réserver un espace au bas du cadre pour le commentaire, sinon l'image prend toute la place et le texte ne peut que s'afficher hors du cadre quand il n'a pas assez de place sur le côté.

Autre solution (que j'imagine – je ne dis pas que c'est faisable !) :
1°) le système détermine la largeur totale Lt disponible en fonction de l'affichage ;
2°) il en attribue 50 % à la largeur Lc du cadre de citation, ou seulement 400 pixels si Lt > 800 ;
3°) il attribue le reste Li = Lt – Lc à la largeur du cadre d'image ;
4°) l'image s'adapte et prend toute la largeur Li ;
5°) l'image a alors une hauteur Hi, à laquelle il faut ajouter la hauteur du titre et celle du commentaire pour obtenir la hauteur totale Ht. Le cadre d'image prend donc les dimensions Li × Ht, et le cadre de citation Lc × Ht (le logiciel en profite pour déterminer si ça vaut alors la peine d'afficher une jolie vignette sous la citation).

Ça paraît compliqué à première vue, mais tout s'enchaîne logiquement. La question est de savoir si on peut lier ainsi les dimensions des deux cadres et de l'image.

Caprineus 11 décembre 2010 à 01:40 (GMT)