Responsive Web Design

Responsive Web DesignResponsive Web Design

Responsive Web Design is a visualization technique that enables the consistent display of content from a website on different devices using web technologies such as HTML5 and CSS3. Here, the layout or the design grid of a website is designed so flexible that it offers on the PC, laptop, tablet and smart phone optimized for the respective device presentation and best usability.

The path to responsive web design

The iPhones and iPads from Apple caused the change

In the old days, web design was still a matter of course - there were PC's with monitors that represented something about the 1024 x 768 pixels and laptops, which usually had slightly smaller monitors. Internet contents were constructed accordingly, so that they were displayed in the best possible way on most monitors. If the monitor of the terminal was smaller than this optimal representation, scroll bars appeared at the edge of the browser. In most cases down and up, in the worst case also to the right and left.

Later in the PC area ever larger monitors were used and new formats such as the 16: 9 aspect ratio, while in the laptop area smaller and smaller products such as the so-called netbooks were introduced. Finally, the smartphones and tablets were added, which presented the website developers with completely new challenges. Not only was there a huge range of different resolutions and formats, but also two new aspects:

  1. Smartphones and tablets can be used in portrait or landscape format
  2. The devices use so-called touchscreens, which differ very much from the application technique of clicking and scrolling a mouse pointer due to the typical typing and wiping.

At least now had a new solution ago. While it used to be considered a special service when a company presented its website in addition to the normal PC presentation also in a mobile version, now was the terminal and its presentation is no longer calculable.

From about the end of 2013, the use of the new technology responsive web design (RWD) on the Internet was no longer to be overlooked. Of course, in 2015, not every company has changed its website to a responsive web design, because RWD does not mean to make a few changes - technically speaking, RWD means a complete rebuilding of the Internet presence.One thing, however, can be said with certainty: anyone who creates or commissions a new website today and does not rely on this technology commits a major wrong decision.

Leave a Reply