Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Onglet ou boite au choix

Christian
le 14 octobre 2016
à 22:48
Rappel du sujet :

Bonjour,

Quand je regarde Escal en petite résolution, les onglets deviennent des boites qui se suivent. Vu la richesse du système d’onglet, ses possibilités de configuration énormes, je pense qu’il serait judicieux de pouvoir choisir entre une présentation en onglet ou une présentation en boite par une case a cocher en admin par exemple, ou de pouvoir détacher un onglet pour en faire une boite.

Cela ouvrirait des possibilités de mise en page plus personnalisées et offrirait une plus grande richesse de mise en page.

Est ce possible ?

Onglet ou boite au choix

Hello Christian

Je ne comprends ce que tu veux dire par "Quand je regarde Escal en petite résolution, les onglets deviennent des boites qui se suivent"

Peux-tu préciser ? Voire ajouter une copie d’écran ?

Onglet ou boite au choix

Bonjour, excuse moi d’avoir été confu.
Quand je regarde escal sur une tablette ou un téléphone ou un logiciel qui simule les petits écrans je voulais dire, les onglets se transforment en boite superposées.

Onglet ou boite au choix

Je ne vois rien d’anormal sur tablette ou sur smartphone quand je visionne le site d’Escal

Quand tu parles des onglets, tu parles bien de "Les derniers articles" "Plan du site" "Présentation" et "Crédits" ?

Onglet ou boite au choix

Bonjour, non tout est normal rassures toi !

Oui je parle bien des onglets "Les derniers articles" "Plan du site" "Présentation" et "Crédits"

Quand on visionne sur un ordinateur, grand écran, on a des onglets.
Quand on regarde sur un téléphone, la template change et les onglets deviennent des boites qui se suivent.

Il serait bien d’offrir se même comportement optionnel par une case a cocher.
Ainsi je pourrais choisir d’afficher la page ou avec des onglets ou avec des boites qui se suivent.

Onglet ou boite au choix

Bonjour,

Je ne me représente pas le problème décrit.
"Quand on visionne sur un ordinateur, grand écran, on a des onglets.
Quand on regarde sur un téléphone, la template change et les onglets deviennent des boites qui se suivent."

Selon le choix du "LAYOUT" pour ESCAL, il y obligatoirement des différences d’affichages entre des écrans de 1024 x 600 pixels (10’) qui s’affichent sur une surface de 15cm x 9cm, et des écrans de 1024 px x 700 pixels qui s’affichent sur une surface physique de 35 cm x 21 cm.

Certains smartphones actuels (en moyenne leurs écrans sont du 5’) ont une résolution de 1024px x 550px (voir 600).

C’est à dire qu’une page dont la largeur est de 1024 px va afficher pareil ses pixels sur tous ces supports (Sur ESCAL de base le layout fixe fait 950px),
MAIS l’œil du lecteur et la dimension du doigt du lecteur aura plus ou moins de difficultés à voir et toucher les liens et boutons qui auront un aspect minimisé.

Cela nous impose de toujours adapter nos fabrications de pages selon les appareils qui sont utilisés.

D’où quelques règles actuelles en matière de présentation des pages pour smartphones et tablettes (58% des internautes regardent le web avec smartphones et tablettes) :

  • Le minimalisme s’impose en force ...
  • VISIBILITE & LISIBILITE obligatoires
  • Mettre des "liens-boutons" plats et contrastés.
  • Des paragraphes séparés, des sous-titres visibles, ...
  • Des polices de caractères avec des dimensions proportionnelles pour l’affichage selon les dimensions "physiques" des écrans.
  • Des caractères contrastés sans empattement
  • Des applats de couleurs ...
  • Des images avec très peu d’octets pour un chargement plus rapide sur smartphones (Les images avec applats sont plus légères en ".png" que des photographies en ".jpeg". D’ou une tendance avec logos en images aplaties au petit nombre de couleurs.
  • etc ....

Au boulot les collègues ...

Ci-dessous une capture écran 1024 x 600 (15cm x 9cm) sur un écran de tablette 10’.
Le comportement des onglets d’ESCAL est tout à fait correct et "Mobile friendly".

D’autres copies d’écran sur différents appareils seraient utiles pour visualiser le problême soulevé.

Bon week-end !

Onglet ou boite au choix

Pour faire plus court que Jaseur (je sais, c’est facile) ... que je visionne Escal sur tablette ou sur smartphone, je vois toujours des onglets !?

Onglet ou boite au choix

Bonjour,

Merci pour tes explications.
Il n’y a aucun problème.
En ce moment je dois être fatigué et je dois mal m’exprimer.
Ce que je désirerais c’est qu’en en mode grand écran, 1024x700 par exemple, avoir le choix d’utiliser ou de ne pas utiliser les onglets. Bans le cas ou je les utilise, rien ne change.
Dans le cas ou je ne les utilise pas, les fonctionnalités restent les même mais la présentation se fait par boite qui se suivent de la même manière que sur un téléphone.

Onglet ou boite au choix

Bonsoir,

Çà jase chez les ch’tis, ben oui J.C. c’est ainsi que font les jaseurs ;-)

"Ce que je désirerais c’est qu’en en mode grand écran, 1024x700 par exemple, avoir le choix d’utiliser ou de ne pas utiliser les onglets. Bans le cas ou je les utilise, rien ne change."

"GRAND ECRAN" ne veut rien dire, sauf pour le Centre Culturel de Séremange en Moselle avec la salle de cinéma Michel Collucci ;-))

La grandeur d’un écran se mesure soit en pouces, soit en centimètres sur la diagonale.
Vous avez un smartphone avec un écran 4 pouces, 5 pouces, 5,5 pouces ...
Une tablette avec un écran 7 pouces, 8 pouces, 10 pouces ....
Un écran pour PC FIXE de 15 pouces, 17 pouces, 22 pouces ..
Une télévision de 30, 40, 50, 60 pouces ....

Les pixels représentent la mesure de la finesse de résolution de l’image.
Les smartphones d’aujourd’hui affichent sur une dimension moyenne de 5 pouces une image moyenne de 1024 pixels x 700 pixels.
La même image de 1024 x 700 pixels s’affiche à l’identique sur un écran de 7 pouces de diagonale, de 8 pouces de diagonale etc ...
Les définition d’images ont tendance à augmenter, comme les dimensions physiques d’écrans.

Est-ce qu’un smartphone qui affiche une image avec une résolution - définition de 1024 pixels sur 700 est pour vous un "grand écran" ?

Je vous invite à lire cette table de conversion des dimensions d’écrans, la résolution des images affichées n’intervient pas :

https://www.lememento.fr/taille-ecran-pouces-cm

Les tailles d’écrans et le responsive design sont discutés dans cet article propre à Spip : lien supprimé

Choir’dialement.

Onglet ou boite au choix

Désolé, je ne comprends pas cette histoire de boites. On a toujours des onglets avec tous les écrans.

Si l’idée est de remplacer les 3 ou 4 onglets par 3 ou 4 blocs les uns en-dessous des autres, oublie car tel qu’est construit le système d’onglets, ça ne me parait pas possible.

Onglet ou boite au choix

Bonjour,

je ne comprend pas plus ce que vous voulez signifier par "Boite".

Avez-vous une image copie écran ( ctrl + alt + impr) pour montrer ?

Onglet ou boite au choix

Bonjour,

Ça y est, je comprend ce que tu ne comprend pas !
La partie centrale d’escal est constitué d’une succession de boite séparées.
La boite annonce, la boite annonces défilantes, la boite des onglets...
Peut être y a t il un terme plus technique ?
Zone ?

Onglet ou boite au choix

J’avais bien compris l’idée mais dans ton premier message, tu écris
“les onglets deviennent des boites qui se suivent”
et je n’ai jamais constaté ça

Onglet ou boite au choix

Bonjour,

Ha je croyais qu’en affichage de tel, cela se transformait ainsi.
Je n’ai pas de tel mais je fais des tests avec un téléphone qu’on me prête ou des simulateurs et il me semblait que cela fonctionnait ainsi.

J’ai du confondre avec un autre squelette, j’en ai testé plein !

Milles excuses pour mon erreur !

Je suis confus !

Je cherche un trou de souris pour me cacher...

donc Je corrige, je trouverais bien que les onglets puissent se transformer en boite ou pouvoir ajouter une ou deux boites avec les fonctions des onglets !

Mais cela ne semble pas possible !

Réagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.1.3