OVH Cloud OVH Cloud

[NewsPortal] Appel Í  tests sur smartphone et tablettes (normalement sur un ordinateur, ça devrait fonctionne r)

60 réponses
Avatar
yamo'
Salut,

Copie et suivi vers fr.test pour ne pas polluer
fr.comp.usenet.lecteurs-de-news.

Je n'arrive pas Í  voir les problèmes d'affichage sur smartphone de
NewsPortal, est-ce quelques uns pourraient m'envoyer via un lien
cjoint, nemo ou autre une copie d'écran ou en pièce-jointe par mail
(reply-to valide)?
Avec si possible l'url en lien avec la copie d'écran.

Possibles erreurs : texte illisible, trop grand, coupures des lignes mal
faites, débordement d'écran ...

La CSS est légèrement différente en format portrait et paysage.

Pour tester (lecture seule) :
<http://news2web.pasdenom.info/thread.php?group=fr.test>
<http://news2web.pasdenom.info/article.php?ida7&group=fr.bienvenue#617>

Pour vérifier si l'affichage étrange ne provient pas du message
d'origine, le lien sur le Message-ID peut être utile.

Pour les quelques erreurs de décodage, je vais mettre en pause ce
problème car je l'ai aggravé en voulant le corriger (et surtout Olivier
a montré que c'était pas forcément NewsPortal le coupable...).
À l'affichage il y a des retours chariots manquants surtout pour les
posts en format flowed, je n'ai pas vu o͹ est le problème dans le code...

Merci d'avance,

--
Stéphane

10 réponses

1 2 3 4 5
Avatar
yamo'
Salut,
DV a tapoté le 04/01/2021 14:07:
yamo' a écrit ceci :
Et c'est lisible sur l'écran? La copie d'écran vue sur un 17 pouces ne
peut pas totalement éclairer sur la lisibilité...

En orientation portrait, c'est difficilement lisible, et en plus les
lignes des articles sont mal découpées.
En orientation paysage, ça passe beaucoup mieux, tant pour la lisibilité
que pour le découpage des lignes.

Oui, j'abandonne la volonté d'afficher le maximmum de caractères sur une
ligne en mode portrait.
Surtout que c'est une première étape.
Si c'est sans machin pénible Í  rendre compatible, j'utiliserais ensuite
l'astuce d'Oliver pour les css alternatives.
Je vois ceci dans ta feuille de style :
====> div.np_article_body{margin-top:2em;font-family:"Lucida
Console",Courier,"Courier New","Droid Sans Mono","Ubuntu Mono","DejaVu
Sans Mono","Andale Mono","Liberation Sans",monospace}
====>
Pourrais-tu essayer de placer "Droid Sans Mono" en tête de liste ?

C'est ce que j'ai fait.
J'ai commencé hier, Í  modifier le code pour la vue article :
<http://news2web.pasdenom.info/article.php?ida7&group=fr.bienvenue#617>
<http://news2web.pasdenom.info/article.php?id1295&group=fr.test#31295>
Par simplicité j'avais trouvé cette police google si je trouve quelque
chose de plus libre et de moins google, je le mettrais...
<https://en.wikipedia.org/wiki/List_of_monospaced_typefaces>
--
Stéphane
Avatar
yamo'
Cthulhu a tapoté le 04/01/2021 17:42:
Le 04/01/2021 Í  16:01, yamo' a écrit :
yamo' a écrit :
Merci donc pour l'instant en mode portrait, il faut agrandir le corps
du texte. En se basant peut-être sur les entêtes qui sont lisibles.

Et pour les lignes coupées, le problème disparaÍ®t en mode paysage?

J'y suis peut-être allé fort mais , ça doit être plus lisible!
<http://news2web.pasdenom.info/thread.php?group=fr.test> (Il faut tirer
l'oreille au navigateur pour que la CSS soit lue).

Oui, c'est mieux.
En mode portrait, le lien "Revenir au groupe" et les lignes "Sujet" du
thread sont coupées.

C'était une idée Í  la noix pour alléger l'écran (en mode écriture
autorisée, il y a plus de liens Í  afficher sur une ligne), je vais
augmenter le max-width ou peut-être le virer...
En mode paysage, tout est correct.

Super, je n'y touche pas!
--
Stéphane
Avatar
yamo'
Salut,
les renardeaux a tapoté le 04/01/2021 17:39:
Fait.

Alors quid de l'expérience utilisateur?
Peut-être que Groumpf boude et ne me donne pas ton mail?
--
Stéphane
Avatar
DV
yamo' a écrit ceci :
Oui, j'abandonne la volonté d'afficher le maximmum de caractères sur une
ligne en mode portrait.

Par contre, ce serait bien de mettre aussi "Droid Sans Mono" en tête de
liste pour le mode paysage (sans changer la taille de la police) : même
dans ce cas de figure, on gagnerait en lisibilité.
Pourrais-tu essayer de placer "Droid Sans Mono" en tête de liste ?

C'est ce que j'ai fait.

J'ai vu. ;-)
Par simplicité j'avais trouvé cette police google si je trouve quelque
chose de plus libre et de moins google, je le mettrais...
<https://en.wikipedia.org/wiki/List_of_monospaced_typefaces>

Il me semble que les polices Droid sont toujours fournies avec Android
(même si c'est Roboto qui est utilisée par défaut sur les versions les
plus récentes du système). La version Google sera donc surtout utile
pour les smartphones non Android.
--
Denis
Avatar
yamo'
DV a tapoté le 05/01/2021 10:36:
yamo' a écrit ceci :
Oui, j'abandonne la volonté d'afficher le maximmum de caractères sur une
ligne en mode portrait.

Par contre, ce serait bien de mettre aussi "Droid Sans Mono" en tête de
liste pour le mode paysage (sans changer la taille de la police) : même
dans ce cas de figure, on gagnerait en lisibilité.

Le mode paysage hérite du mode samrtphone donc pas de changement Í  ce
niveau.
Ou alors je n'ai rien compris aux css.
Pourrais-tu essayer de placer "Droid Sans Mono" en tête de liste ?

C'est ce que j'ai fait.

J'ai vu. ;-)
Par simplicité j'avais trouvé cette police google si je trouve quelque
chose de plus libre et de moins google, je le mettrais...
<https://en.wikipedia.org/wiki/List_of_monospaced_typefaces>

Il me semble que les polices Droid sont toujours fournies avec Android
(même si c'est Roboto qui est utilisée par défaut sur les versions les
plus récentes du système). La version Google sera donc surtout utile
pour les smartphones non Android.

Mais ça offre un espionnage possible (tu peux regarder le code source :
chargement via les entêtes html de la police). D'o͹ une alternative
attendue et souhaitée. Pour l'instant c'est en attendant mieux...
Une fois les css stabilisées, j'essayerai de voir ce que ça change en
enlevant l'appel de cette police de caractère.
J'ai pas mal nettoyé les css!
Comme tu as les accès sur les deux autres instances n'hésite pas. La
version de test a des différences que moi-même je ne comprends pas et
pas encore bien testées...
--
Stéphane
Avatar
les renardeaux
yamo' Wrote in message:r
Alors quid de l'expérience utilisateur?Peut-être que Groumpf boude et ne me donne pas ton mail?

Refait Í  l instant.
Question utilisateur je ne m avance pas: je ne suis pas fan des
interfaces Web...
--
... Michel
les petits renardeaux dans la clairière du CTV
Avatar
Zorro
yamo' vient de nous annoncer :
Elephant Man a écrit :
Le 04/01/2021 Í  12:18, yamo' a écrit :

VoilÍ  ce que ça donne depuis la simulation de portable dans la console
d'Iron. Généralement c'est assez proche d'un vrai téléphone, mais je peux
changer des réglages.
<http://news2.nemoweb.net/jntp?/Data.Media:1>
<http://news2.nemoweb.net/jntp?/Data.Media:2>



Regex Í  corriger sur Newsportal...
Iron, c'est un chrome plus proche de chromium que chrome?


En gros c'est chromium pour Windows.

Je pense qu'il faut adapter mais ma constatation en général sur téléphone
c'est que c'est écrit trop petit et qu'avec la loupe on ne voit plus qu'une
partie du texte, c'est un problème Í  résoudre (y compris sur Nemo
d'ailleurs).

En CSS c'est possible de forcer le texte Í  s'adapter Í  l'écran mais, il faut
savoir Í  l'avance quel est le résultat attendu pour être lisible. Chose qui
était compliquée Í  faire lors de la sortie de la version 0,38 de newsportal !
Comme IE 6 n'existe plus

Rigolo.....le Man !
Avatar
DV
yamo' a écrit ceci :
Le mode paysage hérite du mode samrtphone donc pas de changement Í  ce
niveau.
Ou alors je n'ai rien compris aux css.

J'avoue que j'ai un peu de mal Í  m'y retrouver dans ta feuille de style…
Mais le fait est que lorsque je passe en orientation paysage, c'est avec
la police Courier New que l'article s'affiche, et non avec Droid Sans
Mono.
À ta place, je mettrais "Droid Sans Mono" en tête de liste dans toutes
les entrées concernant le corps des articles. Même sur l'écran de mon
ordinateur, je trouve que cette police rend bien.
Mais ça offre un espionnage possible (tu peux regarder le code source :
chargement via les entêtes html de la police). D'o͹ une alternative
attendue et souhaitée. Pour l'instant c'est en attendant mieux...
Une fois les css stabilisées, j'essayerai de voir ce que ça change en
enlevant l'appel de cette police de caractère.

La solution pour ne plus passer par Google, c'est d'installer la police
en dur sur ton serveur. Tu peux la télécharger, entre autres, sur
FontSquirrel :
<https://www.fontsquirrel.com/fonts/droid-sans-mono>
Tu places le fichier .ttf au même niveau que "style.css" (Í  la racine
apparemment), puis tu le déclares au début de ta feuille de style :
@font-face {
font-family: "Droid Sans Mono";
src: url("DroidSansMono.ttf") format("truetype");
}
J'ai pas mal nettoyé les css!
Comme tu as les accès sur les deux autres instances n'hésite pas. La
version de test a des différences que moi-même je ne comprends pas et
pas encore bien testées...

Depuis le début, je teste l'affichage dans newsportal.pasdenom.info
(avec authentification).
--
Denis
Avatar
yamo'
DV a écrit :
yamo' a écrit ceci :
Le mode paysage hérite du mode samrtphone donc pas de changement Í  ce
niveau.
Ou alors je n'ai rien compris aux css.

J'avoue que j'ai un peu de mal Í  m'y retrouver dans ta feuille de style…

Elle devient touffue. Et en plus je l'ai compressé...
Je fais de l'élagage.
Mais le fait est que lorsque je passe en orientation paysage, c'est avec
la police Courier New que l'article s'affiche, et non avec Droid Sans
Mono.
À ta place, je mettrais "Droid Sans Mono" en tête de liste dans toutes
les entrées concernant le corps des articles. Même sur l'écran de mon
ordinateur, je trouve que cette police rend bien.

Même sur mac?
La solution pour ne plus passer par Google, c'est d'installer la police
en dur sur ton serveur. Tu peux la télécharger, entre autres, sur
FontSquirrel :
<https://www.fontsquirrel.com/fonts/droid-sans-mono>

Un simple wget sur la police marche aussi mais je ne savais pas si j'avais
le droit de l'incorporer Í  newsportal.
Et il ne doit pas y avoir souvent de mise Í  jour.
Depuis le début, je teste l'affichage dans newsportal.pasdenom.info
(avec authentification).

Ok.
J'ai aussi cherché ce matin Í  améliorer l'interface en écriture.
Peut-être en agrandissant les interlignes et de même encore unefois pour
la police de caractère, ce serait encore plus utilisable.
Je vais proposer un bouton répondre en plus du bouton actuel qui par
défaut cite le post auquel on répond car élaguer les citations sur un
smartphone est une gageure!
Avatar
yamo'
les renardeaux a écrit :
yamo' Wrote in message:r
Alors quid de l'expérience utilisateur?Peut-être que Groumpf boude et ne me donne pas ton mail?

Refait Í  l instant.
Question utilisateur je ne m avance pas: je ne suis pas fan des
interfaces Web...

Je trouve les applications sur smartphone encore moins pratique que
newsportal.
1 2 3 4 5