site responsive compatible
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é
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é
Connectez-vous ou Inscrivez-vous pour répondre.
Réponses
tu peux regarder avec les outils de développement de Firefox > Vue adaptative
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 )
Accès à mon dépôt de plugins et thèmes
installe PluXml plus vite que ton ombre avec kzInstall2
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
Accès à mon dépôt de plugins et thèmes
installe PluXml plus vite que ton ombre avec kzInstall2
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
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
Accès à mon dépôt de plugins et thèmes
installe PluXml plus vite que ton ombre avec kzInstall2
Accès à mon dépôt de plugins et thèmes
installe PluXml plus vite que ton ombre avec kzInstall2
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é