+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Mise en page : Fixe ou élastique ? (/showthread.php?tid=1522)
Mise en page : Fixe ou élastique ? - Roworll - 08-10-2010
En lisant ce sujet et en visualisant le lien posté par Sephi-Chan, j'en suis venu à me poser la question suivante :
Est-ce que les mises en pages fixes de site web ne sont pas vouées à mourir ?
Les résolutions les plus en vogue actuellement oscillent entre le 1024X768 et 1280x1024.
A supposer que la plupart des sites web soient taillés pour ces résolutions standards avec des mises en page fixes (largeur, taille de caractère, etc), est-ce que l'expérience du visiteur ne va pas être dégradée si la résolution de son écran est hors norme ?
Les téléviseurs HD, les moniteurs panoramiques affichent allègrement des résolutions de 1980*1080 et au delà. Rien que chez moi (1600*1200) pas mal de sites web commencent à ressembler plus à des timbres poste qu'autre chose. Sur un site taillé pour le 1024, en pleine page, presque 40% de mon écran est inutilisé.
C'est pire encore dans le cas des jeux Web avec carte. Les zones d'affichage de la carte sont souvent réduites à peau de chagrin. Une carte de 600*600, taille acceptable pour placer la carte et l'interface sur une résolution de 1024*768 devient ridiculement petite avec une grande résolution.
Et je ne parle pas des éléments graphiques des interfaces...
Donc, quelles solutions adopteriez-vous pour faire face à ce problème ?
RE: Mise en page : Fixe ou élastique ? - Sephi-Chan - 08-10-2010
De mon côté, j'utilise une résolution de 2560*1440, ce n'est pas vraiment dans la norme et jamais je n'affiche de site en plein écran.
Le choix d'une résolution fixe est plus une question de facilité vis à vis des graphismes selon moi. Je vais donc parler uniquement de sites très graphiques.
CSS3 aidera probablement à faire de meilleures mises en page élastiques grâce aux backgrounds multiples. C'est donc une solution à envisager mais hélas peu supportée (uniquement sur Webkit à ce jour, je crois). De plus, on dispose des media queries qui permettent vraiment une grande souplesse pour gérer plusieurs résolutions d'écran.
Une autre solution serait de faire plusieurs styles selon les résolutions types. Mais c'est à voir en terme de maintenabilité (les styles génériques sont mis en commun, et on charge une feuille de style selon la résolution, détectée via Javascript et un fallback sur une résolution courante).
Sephi-Chan
RE: Mise en page : Fixe ou élastique ? - php_addict - 08-10-2010
un site en largeur flexible peut être tout aussi moche et inadapté sur des écrans larges
http://matthewjamestaylor.com/blog/perfect-full-page.htm
les paragraphes ne font qu'une seule ligne...