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

Ruben Matos

New member
Registered
Joined
Jul 19, 2014
Messages
3
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

Well-known member
Registered
Joined
Mar 9, 2015
Messages
126
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.
 

arronmattwills

Well-known member
Registered
Joined
Dec 23, 2013
Messages
191
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
17
Views
8,116
Replies
13
Views
6,142
Replies
4
Views
3,544
Latest Threads
Recommended Threads
Replies
14
Views
7,966
Replies
1
Views
2,314
fwh
Replies
11
Views
4,166
Replies
6
Views
4,401
fwh

Latest Hosting OffersNew Reviews

Sponsors

Tag Cloud

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