Liquid Web Design - Webmaster Forums - Webmaster forum for HTML, PHP, ASP, CSS and more

Elizbat · 07-08-2009, 04:50 AM

I m interested in developing a website that is compatible with every display design.
What resources would you point me to? I have heard that liquid design is the solution. What is liquid design? Is it just a case of not setting the width in pixels or is there more to it?

Jessi · 07-08-2009, 05:02 AM

Liquid design is indeed a solution. It is a technology that has come forth to produce intelligent web pages that shrink and expand according to the size of the screen they are being viewed in. Not need to worry about the outlook of your website in different sized display devices, such as, wide screen display, high resolution display. No more browser compatibility issues.
For more details see this website which, itself a good example of Liquid Design
Liquid Web Design Solutions | Liquid Website Design Project

yuhang919 · 07-08-2009, 04:16 PM

Quote:

Originally Posted by Jessi

Liquid design is indeed a solution. It is a technology that has come forth to produce intelligent web pages that shrink and expand according to the size of the screen they are being viewed in. Not need to worry about the outlook of your website in different sized display devices, such as, wide screen display, high resolution display. No more browser compatibility issues.
For more details see this website which, itself a good example of Liquid Design
Liquid Web Design Solutions | Liquid Website Design Project

Good explanation

subhaikav · 07-10-2009, 07:36 AM

Liquid design is used in order to make web sites more accessible and user-friendly.The goal of liquid design is providing similar experience to people and eliminate possible irritating design flaws such as too much white space, disappearance of certain sectors of information due to lack of space etc. Hence, it will be a good solution for you.

miamidesigner · 07-13-2009, 05:54 AM

To break it more thoroughly: For us web designers, the monitor screen does not have fixed width or height because these variables change, at times in unpredictable ways. People might have larger buttons, toolbars such as Yahoo or Google, they open the Favorites page on the left, they have a double task bar and so on. Therefore the width and height of the screen is different from user to user.

Liquid design means that the web site adapts itself to the available space, the same way water takes the shape of the glass it is in.