Qu'est-ce qu'une mise en page liquide?

Question

Mon concepteur continue de jeter le terme "liquide". disposition. Qu'est-ce que cela signifie?

Merci pour la clarification, je viens toujours d'appeler cela un pourcentage, et je pensais qu'il disait que les pièces pouvaient être déplacées, ce qui était liquide

Answer 1

Un "liquide" layout est une mise en page de site qui s’agrandit pour remplir l’ensemble de la zone disponible à mesure que la fenêtre du navigateur est redimensionnée. Cela se fait généralement à l'aide de CSS. Les présentations liquides peuvent être très utiles pour certains types de sites, mais elles ont également tendance à demander beaucoup plus d'efforts que les présentations à largeur fixe, et leur utilité dépend du contenu du site et de la qualité de leur mise en œuvre.

Answer 2

De http://www.maxdesign.com.au/presentation/liquid/ :

  

Tous les conteneurs de la page ont leur   largeurs définies en pourcentage - signification   qu'ils sont complètement basés sur la   fenêtre d'affichage plutôt que la première   bloc contenant. Une mise en page liquide sera   déplacez-vous lorsque vous redimensionnez votre   fenêtre du navigateur.

Answer 3

Fondamentalement, il s'agit d'une mise en page d'une page Web qui ne repose pas sur une spécification de largeur spécifique pour les éléments de la page.

Voir la discussion sur Wikipedia .

Answer 4

Il s'agit d'une disposition qui s'adapte de manière dynamique à la largeur et à la hauteur du navigateur (ou du client), afin d'optimiser l'utilisation de tout l'espace d'écran disponible, par opposition aux dispositions (généralement) à largeur fixe conçues pour s'adapter à une résolution de dénominateur commun. à cette époque (par exemple, 800x600 était la norme pour les sites Web pendant de nombreuses années).

Answer 5

Voir ceci: http://www.time-tripper.com/uipatterns/Liquid_Layout

Answer 6

Liquid Layouts fait référence au concept de design d’un site Web. Une mise en page liquide entrera et sortira lorsque vous redimensionnerez la fenêtre de votre navigateur, car elle contient des pourcentages et des largeurs relatives dans le CSS.

Answer 7

Cela signifie simplement qu’il va se contracter / se développer pour remplir la taille de la fenêtre du navigateur (généralement la largeur), jusqu’à un certain point si les choses sont bien faites. Sinon, le texte peut devenir assez difficile à lire sur de grands moniteurs (24 "+).

Answer 8

L'un des deux:

• Le design s'adapte à la largeur du navigateur (comme dans, si le navigateur faisait 1024 pixels de large, le design le serait également) ... bien que cela devienne assez amusant lorsque vous concevez des navigateurs de 100 pixels de large ( Parfois, les concepteurs définiront une largeur minimale).

• La conception a une largeur fixe, mais elle est définie dans une mesure utilisant une taille relative ... par exemple "em" ... de sorte que la taille de la police est augmentée, la largeur de la page augmente.

Answer 9

Une présentation liquide est une méthode de présentation CSS qui définit toutes les largeurs en pourcentage. Les zones de la page seront donc agrandies / réduites lors du redimensionnement de la fenêtre (fenêtre du navigateur).

Ils sont très utiles si vous essayez de créer un site qui conviendra aux grands et aux petits écrans. Ils sont un peu plus difficiles à utiliser que les mises en page fixes, car vous renoncez à un certain contrôle sur la manière dont tout se glisse dans la page, et vous devez faire très attention à votre contenu, pour qu'il ne tombe pas. sauf esthétiquement sur redimensionner.

Je dirais que les mises en page liquides sont plus utiles pour les sites contenant beaucoup de texte avec une disposition de colonne assez basique. Vous pouvez également trouver un moyen approprié avec une disposition «élastique», une structure comportant à la fois des surfaces liquides et des surfaces fixes.

Answer 10

Dans une vraie mise en page Liquid, votre contenu se développe et se contracte pour s’adapter à la fenêtre du navigateur de votre utilisateur de manière significative, calculée et intelligente. Il ne suffit donc pas de définir des pourcentages pour les largeurs de colonnes et de conteneurs.

Bien fait, cela peut entraîner une augmentation de la qualité perçue. Fait mal, c’est un cauchemar d’utilisabilité.

Going Liquid est une énorme douleur à la croupe. La douleur en vaut la peine si le sujet / client / produit sur lequel vous construisez le site a une qualité visuelle forte (pensez au site du film blockbuster en été), nécessite un certain ajustement et une finition, ou s'il doit être affiché. gros morceaux de données.

Remarque: je mettrai à jour cela un peu plus tard avec des liens vers de bons exemples et citations pour mes revendications