#18 Adaptations pour des écrans de petite taille

Open
opened 9 years ago by zorun · 4 comments
zorun commented 9 years ago

Avec un écran d'une résolution de 1024x600 (typiquement un eeepc); sous Firefox 24 ; Mageia 4 ; taille de police 100%, il y a plusieurs problèmes:

  • ce serait bien que le menu s'affiche en accédant un petit bouton type interface mobile quand la résolution est faible (ca se fait bien avec bootsrap par exemple) (voir pj)
  • le canard n'a pas de corps mais a pas perdu la tête (voir pj)

https://www.illyse.org/issues/230

Avec un écran d'une résolution de 1024x600 (typiquement un eeepc); sous Firefox 24 ; Mageia 4 ; taille de police 100%, il y a plusieurs problèmes: * ce serait bien que le menu s'affiche en accédant un petit bouton type interface mobile quand la résolution est faible (ca se fait bien avec bootsrap par exemple) (voir pj) * le canard n'a pas de corps mais a pas perdu la tête (voir pj) https://www.illyse.org/issues/230
zorun commented 9 years ago
Owner

Mis à jour par Fabien Michel il y a environ un an

COIN utilise le framework CSS Foundation ( http://foundation.zurb.com/ ) qui est fait pour le responsive design. On a juste pas trop prêter attention aux petits écrans pour le moment. Il y a tout ce qu'il faut dans ce framework pour gérer les menus type "mobiles". D'ailleurs au début e COIN ca fonctionnais, ca ne doit pas être grand chose pour le menu. Pour le canard du pied de page il faut tout revoir par contre je pense.

> Mis à jour par Fabien Michel il y a environ un an > COIN utilise le framework CSS Foundation ( http://foundation.zurb.com/ ) qui est fait pour le responsive design. On a juste pas trop prêter attention aux petits écrans pour le moment. Il y a tout ce qu'il faut dans ce framework pour gérer les menus type "mobiles". D'ailleurs au début e COIN ca fonctionnais, ca ne doit pas être grand chose pour le menu. > Pour le canard du pied de page il faut tout revoir par contre je pense.
zorun commented 9 years ago
Owner

Mis à jour par CapsLock CapsLock il y a environ un an

Une tâche facile et intéressante pour la détente entre 2 tâches plus complexes :)

> Mis à jour par CapsLock CapsLock il y a environ un an > Une tâche facile et intéressante pour la détente entre 2 tâches plus complexes :)
zorun commented 9 years ago
Owner

Mis à jour par CapsLock CapsLock il y a environ un an

j'espère que "Pour le canard du pied de page il faut tout revoir par contre je pense." ne sous-entendait pas de virer le canard; j'ai le canard :)

On a pensé à d'autres petites améliorations en discutant (je sais c'est pas l'endroit mais comme on est dans le fun):

Ca serait peut être une bonne idée que les lien coinnexion, dépannexion soient bien orthographiés en temps normal; par contre qu'on change pour ces textes au survol de la souris : ce sera plus clair pour l'utilisateur et ca offre encore plus de LOL : on a eu des idées du genre : si tu met ta souris sur le bouton déconnexion, ca se transforme en dépannexion et on met une icone avec un canard et un viseur dessus; au clic on affiche en subliminal un canard mort en fullscreen; .... et autres bêtises

> Mis à jour par CapsLock CapsLock il y a environ un an > j'espère que "Pour le canard du pied de page il faut tout revoir par contre je pense." ne sous-entendait pas de virer le canard; j'ai le canard :) > On a pensé à d'autres petites améliorations en discutant (je sais c'est pas l'endroit mais comme on est dans le fun): > Ca serait peut être une bonne idée que les lien coinnexion, dépannexion soient bien orthographiés en temps normal; par contre qu'on change pour ces textes au survol de la souris : ce sera plus clair pour l'utilisateur et ca offre encore plus de LOL : on a eu des idées du genre : si tu met ta souris sur le bouton déconnexion, ca se transforme en dépannexion et on met une icone avec un canard et un viseur dessus; au clic on affiche en subliminal un canard mort en fullscreen; .... et autres bêtises
zorun commented 9 years ago
Owner

Mis à jour par Fabien Michel il y a environ un an

J'ai amélioré le rendu sur les petits écrans :

  • Blocs s'adaptant mieux sur les différentes tailles d'écran
  • Menu "off canvas" pour les mobiles
  • Le canard reste intègre.

Cependant les tables "abonnements" et "factures" ne s'affichent pas entièrement sur les petits écrans.

> Mis à jour par Fabien Michel il y a environ un an > J'ai amélioré le rendu sur les petits écrans : > - Blocs s'adaptant mieux sur les différentes tailles d'écran > - Menu "off canvas" pour les mobiles > - Le canard reste intègre. > Cependant les tables "abonnements" et "factures" ne s'affichent pas entièrement sur les petits écrans.
Sign in to join this conversation.
No Milestone
No assignee
1 Participants
Loading...
Cancel
Save
There is no content yet.