Chez oim, forum libreChez oim, forum libre

favicon Google Recherche avancée  

troll

ATTENTION AUX TROLLS !
Signalez les en cliquant sur "signaler au modérateur" sous chaque post.
Ne leur faites jamais face sans fermer la bouche, c'est par là qu'ils déposent leurs oeufs !..
DON'T FEED THE TROLL! Ne l'oubliez jamais !



Pages: [1] 2  Toutes   En bas

Auteur Sujet: Maximus23, site responsive, aide  (Lu 722 fois)

alex

  • Administrateur
  • Dictionnaire ambulant
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 13.988
  • Proprio officiel chez oim !
Maximus23, site responsive, aide
« le: mardi 12 juillet 2016, 09:04 »

Max, j'ai un souci avec ton site http://test-smf.entre-aide.org/ que tu passes en responsive.

Je ne peux pas voir comment rend le site avec mon outil "Web Developer" sur différentes résolutions d'écran à cause de l'entête "X-Frame-Options" que tu as défini à SAMEORIGIN.
Je sais ce que c'est que le "clickjacking", le même header est défini ici pour lutter contre ça.

Mais est-ce qu'on pourrait trouver une solution pour que tu retires cet header ?
Je sais pas moi, on pourrait se donner une heure et un jour. Non ? :iz:



Précisions pour les nuls :
Quand vous vous connectez à un site web, celui ci répond en transmettant ce que l'on appelle des headers, des entêtes en français.
Principalement, ces headers avertissent le navigateur de ce qu'il va recevoir. Le plus souvent, un header dira au navigateur qu'une page HTML arrive et un autre header donnera la taille de cette page.

Mais il existe d'autres headers dédiés à la sécurité.
Si un header X-Frame-Options est transmis au navigateur avec un type de paramètre précis, ce navigateur refusera d'afficher le site dans un autre.
Je m'explique : Il existe une technique appelée "clickjacking". Cette technique consiste à afficher une page web dans une autre.
Exemple : Je possède le site example.com et je veux voler les identifiants des membres de chez-oim.org.
Il me suffit d'afficher le site chez-oim.org sur le mien pour tromper l'utilisateur. Ensuite, quand l'utilisateur voudra s'identifier, il me suffira d'afficher une page bien à moi qui imite le look de chez-oim.org.
Et voilà ! En moins de temps qu'il en faut pour le dire, j'ai volé des identifiants !

C'est à ça que sert l'header X-Frame-Options.
Selon son paramétrage, il demande au navigateur de ne pas afficher d'autres sites que celui qui figure dans la barre d'adresse.
IP archivée

Songe

  • Observateur
  • Pipelette de compétition
  • *******
  • Hors ligne Hors ligne
  • Messages: 4.909
  • Chérie officielle chez oim !
Maximus23, site responsive, aide
« Réponse #1 le: mardi 12 juillet 2016, 09:21 »

C'est quoi un résponsive ?  :iz:
IP archivée
A chaque chose malheur est bon, Demain ne meurt jamais... parce qu'il n'existe pas !

alex

  • Administrateur
  • Dictionnaire ambulant
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 13.988
  • Proprio officiel chez oim !
Maximus23, site responsive, aide
« Réponse #2 le: mardi 12 juillet 2016, 09:30 »

Ah mince ! On a parlé du responsive mais pas sur ce post.
Regarde là, ma chérie, pour avoir la définition du responsive design. ;)

Si tu as des questions, je suis là. :)
IP archivée

maximus23

  • Observateur
  • Pipelette pathologique
  • ******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 1.409
  • Grand chevalier du mot de passe
    • ®Smf® Solutions
Maximus23, site responsive, aide
« Réponse #3 le: mardi 12 juillet 2016, 12:40 »

Bonjour,

Ok on verra dès que j'aurai encore avancé un peu. Il me reste les medias queries pour les menus à faire en css3. Le corps du forum lui est refait.

La commutation automatique vers un autre thème orienté mobile lui est ok donc fini Tapatalk....  :aa

Pour le thème principal tout est refait avec le mode hover touch ainsi pas besoin de viser les liens on clique sur le bloc incluant le lien.

Sur ma 50aine de modules les 3/4 sont repassés en css3 et en responsive. Je vais revoir aussi les modules Uploads Management, Glossaire et Fiches pour qu'ils soient adaptatifs mais là ce sera pour la fin.

Fin du mois j'aurai un peu de temps donc on verra pour finaliser cela.

Mais bon ce p...t... de css3 avec ces foutus navigateurs et la multitude de modes mobiles c'est une vraie galère  :gm:

 :gh:
IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Dictionnaire ambulant
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 13.988
  • Proprio officiel chez oim !
Maximus23, site responsive, aide
« Réponse #4 le: mardi 12 juillet 2016, 15:22 »

Ah tu changes de thème pour les mobiles. Attention au duplicate content !

Meuh non ! Il est gentil tout plein le CSS3.
C'est une instruction CSS par navigateur, c'est génial ! ^-^

IP archivée

maximus23

  • Observateur
  • Pipelette pathologique
  • ******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 1.409
  • Grand chevalier du mot de passe
    • ®Smf® Solutions
Maximus23, site responsive, aide
« Réponse #5 le: mardi 12 juillet 2016, 16:31 »

Non pas de duplicate content impossible car quand on bascule d'un côté on verrouille l'autre donc Google mobile et Google truc chose sont séparés.

Je ne parviens pas à me décider pour la définition des écrans en mq je mettrais < 600 ? ou je ferai des tranches de 600 / 400 pour les menus je vais certainement faire un bouton principal d'appel au menu déroulant...

Qu'est ce qu'on se marre ... :gh: :gh: :gh:
IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Dictionnaire ambulant
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 13.988
  • Proprio officiel chez oim !
Maximus23, site responsive, aide
« Réponse #6 le: mardi 12 juillet 2016, 16:38 »

La meilleure façon d'échapper au duplicate, c'est de définir une URL canonique pour la page.
C'est ce que je fais ici et j'ai aucun souci. SMF le fait en natif, mais c'est mal foutu, faut l'améliorer.

Pour la résolution, je ne m'emmerde pas.
Si c'est inférieur à 1024px de large, je considère que c'est un téléphone.
Aujourd'hui, les plus vieux PC utilisés font 1.024 de large. Le reste, c'est de l'appareillage mobile. :iz:
IP archivée

maximus23

  • Observateur
  • Pipelette pathologique
  • ******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 1.409
  • Grand chevalier du mot de passe
    • ®Smf® Solutions
Maximus23, site responsive, aide
« Réponse #7 le: mardi 12 juillet 2016, 16:43 »

Avec Chrome tu sais voir le basculement automatique tu vas sur le site et tu passe en outil de développement et couic sur le mobile :)

IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Dictionnaire ambulant
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 13.988
  • Proprio officiel chez oim !
Maximus23, site responsive, aide
« Réponse #8 le: mardi 12 juillet 2016, 16:50 »

J'utilise très peu Chrome. J'aime pas. Je soupçonne Google de faire de l'espionnage avec son navigateur.
C'est comme Microsoft avec IE. Et en plus, IE est une grosse merde. :D

Je suis Opera ou Firefox. ;)
J'utilise TOR aussi (qui est Firefox), mais ça faut pas le dire. Tu le dis pas, hein ?! Je compte sur toi ! :gj:
C'est comme les clients VPN, j'en ai presque pas ! :-X

IP archivée

maximus23

  • Observateur
  • Pipelette pathologique
  • ******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 1.409
  • Grand chevalier du mot de passe
    • ®Smf® Solutions
Maximus23, site responsive, aide
« Réponse #9 le: mardi 12 juillet 2016, 20:11 »

R test tablette



Edit : Message mis avec le mobile pour un test sur ton site cela aurait du être mis ici : https://chez-oim.org/index.php/topic,1689.0.html mais même avec mes lunettes j'arrive pas à lire correctement le forum. Si je zoom ben y a plus qu'un morceau...  :jq: :iw:

Déplace le merci :)

Ps regarde dans ton log Smf j'ai gatouillé pendant un temps fou pour me connecter avec le mobile il me mettait certificats non conformes et mettait mon mot de passe en erreur... :ia:

IP archivée
Amitiés et à bientôt...
Have a nice day...

gurgle

  • Observateur
  • Pipelette pathologique
  • ******
  • Hors ligne Hors ligne
  • Sexe: Femme
  • Messages: 1.006
  • Chieuse officielle
Maximus23, site responsive, aide
« Réponse #10 le: mardi 12 juillet 2016, 21:04 »

j'ai l'impression que ce forum devient peu à peu le remplaçant du paradis du geek.. je ne comprends plus rien!
IP archivée

Songe

  • Observateur
  • Pipelette de compétition
  • *******
  • Hors ligne Hors ligne
  • Messages: 4.909
  • Chérie officielle chez oim !
Maximus23, site responsive, aide
« Réponse #11 le: mercredi 13 juillet 2016, 08:12 »

On est 2  ^-^
IP archivée
A chaque chose malheur est bon, Demain ne meurt jamais... parce qu'il n'existe pas !

alex

  • Administrateur
  • Dictionnaire ambulant
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 13.988
  • Proprio officiel chez oim !
Maximus23, site responsive, aide
« Réponse #12 le: mercredi 13 juillet 2016, 12:04 »

Ah non ! Pas ça ! Pas le paradis du geek ! :gk:
Je passe mon temps sur le PC, alors quand je viens ici, j'aimerais bien qu'on cause d'autre chose. :iq:

@Max :
C'est quoi cette photo de test tablette ? Ca ressemble pas du tout à mon site, ou alors j'ai fait une grosse boulette ! :je:
Comment ça tu vois qu'un morceau en zoomant ? Je comprends pas... :-\
Tu as des problèmes de vue ou quoi ? Sophie vois bien, Dominick aussi, et les quelques copains de Marseille qui ne m'ont pas envoyé péter avec mon site, aussi. :iz:

J'ai vu que tu as eu 3 tentatives de connexion avec mot de passe erroné.
Qu'est-ce que c'est encore que cette histoire de certificats avec les mobiles ? :??
Au pire, je vais virer le SSL sur la page de connexion. C'est suffisamment sécurisé comme ça.
IP archivée

maximus23

  • Observateur
  • Pipelette pathologique
  • ******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 1.409
  • Grand chevalier du mot de passe
    • ®Smf® Solutions
Maximus23, site responsive, aide
« Réponse #13 le: mercredi 13 juillet 2016, 15:08 »

Bonjour,

La photo est sans importance c'est un truc qui trainait sur la tablette et qui est d'origine par dessus le marché. C'était juste pour faire un test d'envoi avec un mobile et voir comment se comportait les images et le module d'envoi.

Ma vue est parfaite ne t'inquiète pas mais bon j'ai pas envie de prendre une loupe pour lire certaines choses :)

J'ai mis sur mon site de test une fonction "lettring resize" qui permet d'agrandir ou de diminuer uniquement la police de caractère comme cela tout le monde peut lire même ceux qui ont un problème de vue.

Pour le défaut de certificat la je ne sais pas te mettre une copie écran car il bloque le mobile avec le message...

:)
IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Dictionnaire ambulant
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 13.988
  • Proprio officiel chez oim !
Maximus23, site responsive, aide
« Réponse #14 le: mercredi 13 juillet 2016, 19:32 »

Ah oui, c'est pas con le bidule qui grossi la police style WordPress.
Comme ça, les gens qui ont des yeux de rapaces ou les aveugles peuvent voir. :if:

Il y a un mod pour ça ou il faut que je le fasse ? :gt:

Pour le certificat, pas besoin de capture, je vois le problème, même si j'ai du mal à le comprendre.
Le certificat est en règle, je ne vois pas pourquoi il déconne sur mobile. :iz:
IP archivée
Pages: [1] 2  Toutes   En haut
 

+ Réponse Rapide

Page générée en 0.178 secondes avec 24 requêtes.