English Thai

Responsive Web Design How Does It Work



Responsive Web Design makes Websites fit for all screen seizes. Especially for mobile devices such as Smartphones and Tablets.

Whether young or old almost everybody knows how to use a smartphone or a tablet. According to “Morgan Stanley Research” the number of mobile device users globally surpassed the desktop users in 2014 already. Games, Entertainment, Work and Social Network are all linked up through our smartphones no matter where we are.

If you want to cope with the increasing number of Web-Users with relatively small screens, a Website which takes this into account is absolutely necessary.
Responsive Web Design is the technical implementation of an adaptive Website Layout which not only fits the regular Desktop Computers but also lives up to the demands of other device types.

Though not the only difference, but most obvious one is the screen seize of the various devices. On a non-customized Website the user probably has to zoom in to read the text or trying to click on a link can be very annoying.


This is how it works:

The proper, modern way to do it (with HTML5 and CSS3) is not to make different kinds of versions of your Website with several structure each. Ideally, you have the same content and setup for each device but differentiated by the display due to different formatting commands.

For instance, you have a layout with three columns. Instead of determine the width of the left, middle and right column once, you adjust it according to the respective screen seize used. One for Smartphones, one for Tablets, one for Notebooks and one for bigger screens. Since not all Smartphones have the same seize, you leave the benchmark flexible.

For smaller Smartphones don’t display the columns parallel, display them one under the other to make the text more structured and readable.

Do you want to make your Website more Responsive?