What is Static, Liquid, Adaptive or Responsive Page Layout?

Ruben Matos

New member
Joined
Jul 19, 2014
Messages
4
Points
0
Can anyone explain for me any term in web design field that I couldn't understand what it is.
It's static, liquid, adaptive and responsive page layout? what do they have any difference and what is the best for my blog site now?
 

MightWeb

New member
Joined
Mar 9, 2015
Messages
182
Points
0
A fixed (or static) design basically means the parent container (the body of the website more or less) is set to a static width. That means that no matter if you're viewing the site from a phone, a tablet, or a PC, you will get the same width displayed to you.

Fluid web design means that the width of all elements (including the container) will have a percentage width. That means it will adapt to the screen resolution of its user. Its child elements typically also have percentage widths, however those are related to the width of the parent container.

Responsive page layouts are layouts that are specifically designed to work well in any given environment (PC, phone, tablet). Typically, they combine the use of fluid web design, with media queries to further help. An example is the "Breadcrumb menu", which is commonly used today. In a small screen, the menu of the website is compressed into a clickable button that displays it. This is to help display the more relevant content without the menu being a disturbing factor.
 

drastic

Member
Joined
Mar 14, 2015
Messages
122
Points
18
Google it.
 
Joined
Dec 23, 2013
Messages
323
Points
18
Can anyone explain for me any term in web design field that I couldn't understand what it is.
It's static, liquid, adaptive and responsive page layout? what do they have any difference and what is the best for my blog site now?
Here two terms are most common and popular they are static layout and responsive web page layout. Static web page design is a traditional website design trend, in which process we will design a website template in Adobe Photoshop within a fixed width (mostly 1000px) and based on that web template write html and css code.

Whereas responsive web design is a new way to design mobile friendly websites based a prototype framework. Responsive websites will change their view as per device width and height. Popular responsive web design frameworks are Bootstrap, foundation 3, skeleton, semantic etc.,
 
Older threads
Replies
23
Views
8,291
Replies
17
Views
6,886
Replies
13
Views
5,393
Latest threads
Replies
1
Views
11
Replies
1
Views
11
Replies
1
Views
124

Referral contests

Referral link for :

Sponsors

Popular tags

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top