PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 29/05/2018 13:39:17

José
Membre
Lieu : Deux Sèvres
Inscription : 17/09/2011
Messages : 110

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é

Hors ligne

#2 29/05/2018 13:43:50

niqnutn
Membre
Inscription : 21/09/2015
Messages : 366

Re : site responsive compatible

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

Hors ligne

#3 29/05/2018 15:37:40

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 1 090
Site Web

Re : site responsive compatible

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 )

Hors ligne

#4 29/05/2018 17:31:36

niqnutn
Membre
Inscription : 21/09/2015
Messages : 366

Re : site responsive compatible

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

Hors ligne

#5 29/05/2018 19:15:42

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 1 090
Site Web

Re : site responsive compatible

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/787d6 … b17c34734d

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

Dernière modification par bazooka07 (30/05/2018 17:19:01)

Hors ligne

#6 30/05/2018 14:36:45

Gzyg
Membre
Inscription : 25/09/2006
Messages : 871
Site Web

Re : site responsive compatible

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

Hors ligne

#7 30/05/2018 15:59:21

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 1 090
Site Web

Re : site responsive compatible

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

Hors ligne

#8 30/05/2018 17:20:10

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 1 090
Site Web

Re : site responsive compatible

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

Hors ligne

#9 04/06/2018 09:06:10

José
Membre
Lieu : Deux Sèvres
Inscription : 17/09/2011
Messages : 110

Re : site responsive compatible

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é

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2018 PluXml.org, tous droits réservés