Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Page mobile refaite

15 réponses
Avatar
Photo
Bonjour,

Je n'ai pas trouvé de groupe pour pouvoir tester ma nouvelle page
mobile, entièrement refaite :

https://www.grenault.net/photos/cflore.htm

Est-ce que ça passe sur vos mobiles ? Des remarques des suggestions ?

A vérifier sur un mobile !

Merci pour votre aide.

10 réponses

1 2
Avatar
Duzz'
Le 08/03/2017 à 12:48, Photo a écrit :
Bonjour,
Je n'ai pas trouvé de groupe pour pouvoir tester ma nouvelle page
mobile, entièrement refaite :
https://www.grenault.net/photos/cflore.htm
Est-ce que ça passe sur vos mobiles ? Des remarques des suggestions ?
A vérifier sur un mobile !
Merci pour votre aide.

Il existe des sites web pour ça. Voir ici :
<https://www.google.fr/?gws_rd=ssl#q=tester+site+web+version+mobile&*>
Avatar
Eric Demeester
Bonjour,
Photo (Wed, 8 Mar 2017 12:47:59 +0100 -
fr.comp.infosystemes.www.auteurs) :
https://www.grenault.net/photos/cflore.htm
A vérifier sur un mobile !

C'est compliqué pour moi sur un mobile, mais en utilisant l'option
« Fenêtres -> Voir les Modèles adaptatifs » du plugin Web Developer de
Firefox, je constate que :
En mode vignette, il y a un décalage horizontal entre celles de la
colonne de gauche et celles de la colonne de droite :
http://www.mailody.org/vrac/01-gr-mobile-vignettes.jpg
Si on clique sur une vignette, la taille de la photo n'est pas
proportionnelle à l'espace d'affichage disponible (elle est trop
grande), et il manque un bouton pour revenir à l'affichage des
vignettes :
http://www.mailody.org/vrac/02-gr-mobile-photo.jpg
Je pense qu'il faudrait envisager des feuilles de styles adaptatives, du
« responsive design » pour utiliser un terme à la mode, ça t'éviterait
d'avoir à développer deux versions de ton site, tout en te permettant
d'optimiser l'affichage quelle que soit la taille de l'écran utilisé par
le visiteur.
J'ai commis cette page qui vaut ce qu'elle vaut, on pourrait par exemple
l'améliorer en faisant varier la taille des polices de caractère en
fonction de la taille d'affichage (et en corrigeant les quelques erreurs
de CSS / Javascript mais je suis une feignasse) :
http://www.gainsbart.org/
Je me suis appuyé sur Pure Css [*], plus quelques bricolages pour rendre
les tailles des images et de la vidéo élastiques en conservant les
proportions, amuse-toi à changer la taille de la fenêtre de ton
navigateur pour voir ce que ça donne.
Merci pour votre aide.

De rien :)
[*] https://purecss.io/
Avatar
Photo
Le 08/03/2017 à 17:01, Eric Demeester a écrit :
Bonjour,
Photo (Wed, 8 Mar 2017 12:47:59 +0100 -
fr.comp.infosystemes.www.auteurs) :
https://www.grenault.net/photos/cflore.htm
A vérifier sur un mobile !

C'est compliqué pour moi sur un mobile, mais en utilisant l'option
« Fenêtres -> Voir les Modèles adaptatifs » du plugin Web Developer de
Firefox, je constate que :
En mode vignette, il y a un décalage horizontal entre celles de la
colonne de gauche et celles de la colonne de droite :
http://www.mailody.org/vrac/01-gr-mobile-vignettes.jpg
Si on clique sur une vignette, la taille de la photo n'est pas
proportionnelle à l'espace d'affichage disponible (elle est trop
grande), et il manque un bouton pour revenir à l'affichage des
vignettes :
http://www.mailody.org/vrac/02-gr-mobile-photo.jpg
Je pense qu'il faudrait envisager des feuilles de styles adaptatives, du
« responsive design » pour utiliser un terme à la mode, ça t'éviterait
d'avoir à développer deux versions de ton site, tout en te permettant
d'optimiser l'affichage quelle que soit la taille de l'écran utilisé par
le visiteur.
J'ai commis cette page qui vaut ce qu'elle vaut, on pourrait par exemple
l'améliorer en faisant varier la taille des polices de caractère en
fonction de la taille d'affichage (et en corrigeant les quelques erreurs
de CSS / Javascript mais je suis une feignasse) :
http://www.gainsbart.org/
Je me suis appuyé sur Pure Css [*], plus quelques bricolages pour rendre
les tailles des images et de la vidéo élastiques en conservant les
proportions, amuse-toi à changer la taille de la fenêtre de ton
navigateur pour voir ce que ça donne.
Merci pour votre aide.

De rien :)
[*] https://purecss.io/

Je n'ai pas ces problèmes sur le Galaxy Ace (3.5"), ni sur le Galaxy S4,
ni sur le S7 (5")... Merci pour ton aide.
--
https://grenault.net/accueil.htm
Avatar
Sergio
Le 08/03/2017 à 12:47, Photo a écrit :
Bonjour,
Je n'ai pas trouvé de groupe pour pouvoir tester ma nouvelle page
mobile, entièrement refaite :
https://www.grenault.net/photos/cflore.htm
Est-ce que ça passe sur vos mobiles ? Des remarques des suggestions ?

Un "vrai" mobile : Sous Opera Mini.
- Sous "Photos" il y a un petit rond à moitié coupé que je ne sais pas ce qu'il veut dire.
( https://framapic.org/iWVsWviDLmGd/lQ0uU8ttttkO.png )
- Pour chaque photo (https://framapic.org/qMUJRwPwHVGF/ovHRB2ObJ6ld.png ):
- Le texte explicatif est vraiment petit
- Les boutons "suivant" / précédent" ne sont pas très intuitifs (un << et un >>) et aussi petits. On aurait préféré de vraies
flèches à gauche et à droite.
--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
Avatar
Eric Demeester
Bonsoir,
Photo (Wed, 8 Mar 2017 18:06:54 +0100 -
fr.comp.infosystemes.www.auteurs) :
Le 08/03/2017 à 17:01, Eric Demeester a écrit :
En mode vignette, il y a un décalage horizontal entre celles de la
colonne de gauche et celles de la colonne de droite

Si on clique sur une vignette, la taille de la photo n'est pas
proportionnelle à l'espace d'affichage disponible (elle est trop
grande),

Je n'ai pas ces problèmes sur le Galaxy Ace (3.5"), ni sur le Galaxy S4,
ni sur le S7 (5")... Merci pour ton aide.

Je viens de regarder, j'ai pile-poil les mêmes problèmes sur mon vieux
téléphone Samsung Galaxy Young avec le navigateur Androïd embarqué. Pour
ce qui est du décalage horizontal en mode vignette, je constate le même
sur les copies d'écran de Sergio.
Mais bon, ça ne me dérange pas plus que ça. Pour moi, naviguer sur
Internet avec un téléphone relève de la torture et je ne le fais qu'en
cas d'absolue nécessité, à savoir à peu près jamais :)
Avatar
Photo
Le 08/03/2017 à 18:21, Sergio a écrit :
Le 08/03/2017 à 12:47, Photo a écrit :
Bonjour,
Je n'ai pas trouvé de groupe pour pouvoir tester ma nouvelle page
mobile, entièrement refaite :
https://www.grenault.net/photos/cflore.htm
Est-ce que ça passe sur vos mobiles ? Des remarques des suggestions ?

Un "vrai" mobile : Sous Opera Mini.
- Sous "Photos" il y a un petit rond à moitié coupé que je ne sais pas
ce qu'il veut dire.
( https://framapic.org/iWVsWviDLmGd/lQ0uU8ttttkO.png )
- Pour chaque photo (https://framapic.org/qMUJRwPwHVGF/ovHRB2ObJ6ld.png ):
- Le texte explicatif est vraiment petit
- Les boutons "suivant" / précédent" ne sont pas très intuitifs (un <<
et un >>) et aussi petits. On aurait préféré de vraies flèches à gauche
et à droite.

C'est un arobase. Bon je vais corriger cela.
Les photos s'affichent correctement sur mes appareils et le @ aussi.
Merci.
--
https://grenault.net/accueil.htm
Avatar
Photo
Le 08/03/2017 à 19:49, Photo a écrit :
Le 08/03/2017 à 18:21, Sergio a écrit :
Le 08/03/2017 à 12:47, Photo a écrit :
Bonjour,
Je n'ai pas trouvé de groupe pour pouvoir tester ma nouvelle page
mobile, entièrement refaite :
https://www.grenault.net/photos/cflore.htm
Est-ce que ça passe sur vos mobiles ? Des remarques des suggestions ?

Un "vrai" mobile : Sous Opera Mini.
- Sous "Photos" il y a un petit rond à moitié coupé que je ne sais pas
ce qu'il veut dire.
( https://framapic.org/iWVsWviDLmGd/lQ0uU8ttttkO.png )
- Pour chaque photo (https://framapic.org/qMUJRwPwHVGF/ovHRB2ObJ6ld.png ):
- Le texte explicatif est vraiment petit
- Les boutons "suivant" / précédent" ne sont pas très intuitifs (un <<
et un >>) et aussi petits. On aurait préféré de vraies flèches à gauche
et à droite.

C'est un arobase. Bon je vais corriger cela.
Les photos s'affichent correctement sur mes appareils et le @ aussi.
Merci.

Test par Google :
http://www.cjoint.com/c/GCitfwyN1qK
http://www.cjoint.com/c/GCithgZwe0K
Test par Bing :
http://www.cjoint.com/c/GCitiN0THPK
Pour info.
--
https://grenault.net/accueil.htm
Avatar
Photo
Le 08/03/2017 à 17:01, Eric Demeester a écrit :
Bonjour,
Photo (Wed, 8 Mar 2017 12:47:59 +0100 -
fr.comp.infosystemes.www.auteurs) :
https://www.grenault.net/photos/cflore.htm
A vérifier sur un mobile !

C'est compliqué pour moi sur un mobile, mais en utilisant l'option
« Fenêtres -> Voir les Modèles adaptatifs » du plugin Web Developer de
Firefox, je constate que :
En mode vignette, il y a un décalage horizontal entre celles de la
colonne de gauche et celles de la colonne de droite :
http://www.mailody.org/vrac/01-gr-mobile-vignettes.jpg
Si on clique sur une vignette, la taille de la photo n'est pas
proportionnelle à l'espace d'affichage disponible (elle est trop
grande), et il manque un bouton pour revenir à l'affichage des
vignettes :
http://www.mailody.org/vrac/02-gr-mobile-photo.jpg
Je pense qu'il faudrait envisager des feuilles de styles adaptatives, du
« responsive design » pour utiliser un terme à la mode, ça t'éviterait
d'avoir à développer deux versions de ton site, tout en te permettant
d'optimiser l'affichage quelle que soit la taille de l'écran utilisé par
le visiteur.
J'ai commis cette page qui vaut ce qu'elle vaut, on pourrait par exemple
l'améliorer en faisant varier la taille des polices de caractère en
fonction de la taille d'affichage (et en corrigeant les quelques erreurs
de CSS / Javascript mais je suis une feignasse) :
http://www.gainsbart.org/
Je me suis appuyé sur Pure Css [*], plus quelques bricolages pour rendre
les tailles des images et de la vidéo élastiques en conservant les
proportions, amuse-toi à changer la taille de la fenêtre de ton
navigateur pour voir ce que ça donne.
Merci pour votre aide.

De rien :)
[*] https://purecss.io/

Il semble qu'Opéra Mini ait un rendu assez différent des autres
navigateurs ! Je l'ai constaté sur le Galaxy S7... Ma page est pourtant
rigoureusement conforme aux normes Web du W3C. D'ailleurs Opera normal
affiche cette page comme les autres navigateurs.
J'ai tout de même apporter des corrections pour que le @ s'affiche
correctement maintenant ? Vous pouvez me confirmer que c'est le cas ?
Merci !
--
https://grenault.net/photos/cflore.htm
Avatar
Columbo
"Photo" a écrit dans le message de news:
58bfef6e$0$4312$
Bonjour,
Je n'ai pas trouvé de groupe pour pouvoir tester ma nouvelle page
mobile, entièrement refaite :
https://www.grenault.net/photos/cflore.htm
Est-ce que ça passe sur vos mobiles ? Des remarques des suggestions ?
A vérifier sur un mobile !
Merci pour votre aide.

Salut j'ai regardé avec mon tel sous Windows, pas de pb particulier à
signaler.
Enfin je suis pas non plus 1 grand spécialiste, donc mon avis vaut pas
grand-chose.
Avatar
Photo
Le 10/03/2017 à 09:14, Columbo a écrit :
"Photo" a écrit dans le message de news:
58bfef6e$0$4312$
Bonjour,
Je n'ai pas trouvé de groupe pour pouvoir tester ma nouvelle page
mobile, entièrement refaite :
https://www.grenault.net/photos/cflore.htm
Est-ce que ça passe sur vos mobiles ? Des remarques des suggestions ?
A vérifier sur un mobile !
Merci pour votre aide.

Salut j'ai regardé avec mon tel sous Windows, pas de pb particulier à
signaler.
Enfin je suis pas non plus 1 grand spécialiste, donc mon avis vaut pas
grand-chose.

Merci, c'est sympa !
--
https://grenault.net/accueil.htm
1 2