Question

Maintenant que la plupart des principaux navigateurs prennent en charge le zoom sur la page entière (à l’heure actuelle, la seule exception notable étant Google Chrome), les dispositions liquides ou élastiques ne sont-elles plus nécessaires? La douleur relative liée à la construction de dispositions liquides / élastiques vaut-elle la peine? Existe-t-il des situations dans lesquelles une disposition liquide serait toujours utile? Le zoom en pleine page est-il la vraie solution à première vue?

Était-ce utile?

La solution

Oui, car il existe une très grande variété d’écrans allant de 15 " à 32 ". Il existe également des variations dans ce que les gens considèrent comme un "confort". taille de police. Ce qui correspond à toute une gamme de tailles dans lesquelles votre contenu devra être adapté.

En tout état de cause, la mise en page des liquides devient de plus en plus nécessaire à mesure que nous évoluons sur des moniteurs énormes et sur des appareils de téléphonie mobile.

Autres conseils

Faire un zoom sur toute la page en CSS ne vaut pas vraiment la peine, surtout que la plupart des navigateurs font maintenant ce genre de zoom de manière native (et le font beaucoup mieux - tags ref [img]).

En ce qui concerne l’utilisation de la largeur fixe, il existe une fonctionnalité secondaire avec ceci ... si vous augmentez la taille de la police, moins de mots seront affichés par ligne, ce qui peut aider certaines personnes à lire.

Comme dans, avez-vous déjà lu un bloc de texte extrêmement large et constaté que vous aviez lu la même ligne deux fois? Si la hauteur de la ligne a été augmentée (même effet avec la taille de la police), avec moins de mots par ligne, cela devient moins problématique.

Oui, oui oui! Avoir à faire défiler horizontalement sur un site parce que certains concepteurs ont supposé que les utilisateurs maximisent toujours leurs navigateurs est une bête de somme pour moi et je suis sûr que je ne suis pas seul. En plus de cela, en tant que personne ayant une vision vraiment moche, permettez-moi de dire que le zoom en pleine page fonctionne mieux lorsque la mise en page est fluide. Sinon, vous obtenez la barre de navigation de l’écran (visible).

J'ai eu un problème du monde réel avec cela. La conception demandait une page de largeur fixe dans une jolie bordure. Installé à moins de 800 pixels de large moins quelques pixels pour la fenêtre du navigateur. Soustrayez 200 pixels pour le menu de gauche et la zone de contenu faisait environ 600 pixels de large.

Le problème était qu’une partie du contenu du site était dynamique, ce qui obligeait les utilisateurs à modifier et à parcourir les données dans des tableaux, sur leurs beaux écrans 1280x1024, avec des tableaux limités à 600 pixels de large.

Vous devez autoriser la largeur de la fenêtre du navigateur dans le contenu dynamique, à moins que ce contenu dynamique soit principalement du texte.

Les mises en page extensibles ne sont pas tellement axées sur le zoom, mais plutôt sur l’emballage: permettre à un utilisateur d’afficher plus d’informations à l’écran si la résolution de l’écran est supérieure, tout en rendant le contenu accessible aux utilisateurs d’écrans de résolution inférieure. Le zoom de page ne permet pas cela.

Je pense que des mises en page liquides sont toujours nécessaires, même si les navigateurs disposent de cette fonctionnalité de zoom pleine page, je parie que beaucoup de gens ne le savent pas ou ne savent pas comment l'utiliser.

Le zoom de page est horrible du point de vue de l'accessibilité. Cela équivaut à dire "nous ne pouvions pas être dérangés de concevoir nos pages correctement [concepteurs], nous vous recommandons donc d'avoir une police plus grande et de faire défiler la page horizontalement [développeurs de navigateurs]". Je ne peux pas croire que Firefox a sauté de la falaise après Microsoft et en a fait la valeur par défaut.

Oui, vous ne savez pas quelle résolution le lecteur utilise, ni quelle taille d'écran, ni même si l'accessibilité est requise / utilisée. Comme mentionné ci-dessus, tout le monde n'est pas au courant du zoom pleine page - je le connais, mais je ne l'utilise presque pas ...

Seuls les visiteurs de votre propre site peuvent vous dire si les présentations liquides sont toujours pertinentes pour votre site.

À l'aide d'un cadre tel que YUI-CSS et l'Optimiseur de Site Google, il est assez facile de voir ce que vos visiteurs préfèrent, de laisser de côté leurs opinions et de se fier plutôt à des résultats difficiles.

Les dispositions liquides peuvent toutefois poser des problèmes d’utilisabilité.

Les conteneurs de contenu qui deviennent trop larges deviennent extrêmement difficiles à lire.

De nombreux blogs ont des conteneurs de contenu de largeur fixe spécifiquement pour cette raison.

Vous pouvez également créer des conteneurs de contenu multi-colonnes afin d'obtenir un effet similaire à un journal, avec ses multiples colonnes de conteneurs de texte minces. Cela peut être difficile à faire, cependant.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top