Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Are liquid layouts still relevant?

Tags:

html

css

layout

Now that most of the major browsers support full page zoom (at present, the only notable exception being Google Chrome), are liquid or elastic layouts no longer needed? Is the relative pain of building liquid/elastic layouts worth the effort? Are there any situations where a liquid layout would still be of benefit? Is full page zoom the real solution it at first appears to be?

like image 963
Charles Roper Avatar asked Sep 15 '08 12:09

Charles Roper


People also ask

Why would a designer choose to use a fluid layout?

Fluid design ensures that a website always looks similar in layout regardless of the screen. A consistent layout benefits the user experience while ensuring usability for as many visitors as possible.

What is an advantage of using fluid layout on a web page?

Fluid web page design can be more user-friendly, because it adjusts to the user's set up. The amount of extra white space is similar between all browsers and screen resolutions, which can be more visually appealing. If designed well, a fluid layout can eliminate horizontal scroll bars in smaller screen resolutions.

What is the difference between liquid layout and alternate layout?

Since Liquid Layout Rules help you dictate how your page items will scale and re-position, this will apply when you create Alternate Layouts. Alternate Layouts are an InDesign feature that let you design pages in parallel so that you can design for different sizes (e.g., letter and A4) in the same InDesign document.

What is the difference between a fixed and fluid layout?

Fixed-Width Layouts: These are layouts where the width of the entire page is set with a specific numerical value. Liquid Layouts: These are layouts where the width of the entire page is flexible depending on how wide the viewer's browser is.


2 Answers

Yes, because there are a vast variety of screens out there commonly ranging from 15" to 32". There is also some variation in what people consider a "comfortable" font size. All of which adds up to quite a range of sizes that your content will need to fit into.

If anything, liquid layout is becoming even more necessary as we scale up to huge monitors, and down to cellphone devices.

like image 113
Noel Grandin Avatar answered Nov 14 '22 00:11

Noel Grandin


Doing full page zoom in CSS isn't really worth it, especially as most browsers now do this kind of zooming natively (and do it much better - ref [img] tags).

As to using fixed width, there is a secondary feature with this... if you increase the font size, less words will be shown per line, which can help some people with reading.

As in, have you ever read a block of text which is extremely wide, and found that you have read the same line twice? If the line height was increased (same effect though font-size), with less words per line, this becomes less of an issue.

like image 22
Craig Francis Avatar answered Nov 14 '22 00:11

Craig Francis