site responsive compatible

José

Bonjour

Je souhaite recueillir vos avis sur le caractère "responsive" du site que je viens de mettre en ligne

Merci de vos conseils. je n'ai pas de smartphone ni de tablette...

http://armorial.cc-parthenay-gatine.fr/

Quelles sont les améliorations que je dois apporter,

José

niqnutn

y a un problème avec le titre.
tu peux regarder avec les outils de développement de Firefox > Vue adaptative

bazooka07

Cela me fend le coeur mais j'ai tendance à conseiller l'emploi de Chrome
L'interface de la vue adaptive est plus sympa
C'est hélas le navigateur le plus populaire ( Big Brother is watching You )

Et le résultat sur mobile n'est pas top.
Commence par créer ta feuille de style pour avoir un bon affichage sur smartphone. Ensuite ajoute des règles avec les medias queries pour améliorer l'affichage sur tablette, puis sur PC, puis sur Mac Pro (5000px de large)

Le fond jaune citron est un peu pénible et rouge sur bleu aussi.
Bizarrement le logo décroche sur Chrome alors qu'il est bien placé avec Firefox ( Pb de reset des règles CSS )

niqnutn

j'avais bricolé ça avec des iframe: http://blog.niqnutn.com/data/medias/s011/resolution_testing.php

bazooka07

Bonne idée l'emploi des <iframe>
J'ai rajouté des onglets et c'est encore plus sympa
https://kazimentou.fr/divers/responsive.php Uniquement pour les sites en https
http://kazimentou.free.fr/responsive.php Pour ceux qui n'ont pas basculé leur site en https
https://gist.github.com/bazooka07/787d637a8eaf234058a44eb17c34734d

Et les résolutions démarrent avec un smartphone Galaxy

Et on peut basculer en portrait ou paysage.

Mise à jour URL resolutions.php => responsive.php

Gzyg

Salut,

Un outil pour aider quand on manque de matériel : http://ami.responsivedesign.is

Bonne remarque de bazooka07 : commence par être nickel sur petit écran (240x240) et monte progressivement.


à plus,

Gzyg

bazooka07

Merci du partage, je découvre.

Dans la série où "T'as perdu ton double-décimètre pour mesurer l'écran de ton smartphone", il y a :
https://www.mydevice.io/

Pour ceux qui connaissaient déjà, ils ont refait la façade récemment

bazooka07

J'ai rajouté plus haut un lien vers Free.fr pour les retardaires qui n'ont pas encore basculé en https

José

Bonjour

Merci pour vos indications.

Je vais pouvoir améliorer le thème de mon site pour qu'il devienne responsive. Lorsque je l'ai construit je ne connaissais pas la possibilité de tester en ligne la lecture sur smartphone et tablette.

Bon courage à moi...

José