Responsive website

Wat is een responsive website?

Vroeger en nu

Voor de tijd van mobiele apparaten bouwde men een website die op de meest gangbare (desktop)schermen goed werkte. Met de komst van de mobiele telefoons en tablets met internet, was het zaak om ook op deze kleine schermen de website leesbaar te houden en ervoor te zorgen dat je niet heen en weer hoefde te scrollen.

Mobiele website

In het begin lieten sommige bedrijven een aparte website maken voor mobiel gebruik. De website detecteerde het schermformaat en schotelde de gebruiker een speciale site voor, meestal met beperkte mogelijkheden.

Responsive

Een responsive website past zich automatisch aan aan het beeldschermformaat. Sommige elementen zoals foto’s worden kleiner en andere elementen veranderen van layout. Denk hierbij aan een dropdown menu in plaats van een uitgeschreven menu met losse knoppen. Ook veranderen vaak de marges (witruimtes) om plaats te besparen op het scherm.

English

What is a responsive website?

Then and now

Before mobile devices existed, a website was built to work well on the most common (desktop) screens. With the arrival of mobile phones and tablets with internet, it was important to keep the website readable on these small screens and to ensure that visitors did not have to scroll from left to right.

Mobile website

In the beginning, some of the larger companies made separate websites for mobile use. The website detected the screen format and presented the user with a special site, usually with limited options.

Responsive

A responsive website automatically adapts to the screen size. Some elements such as photographs become smaller and other layout elements change their behavior. Think of a dropdown menu instead of a text menu with separate buttons. The margins (white spaces) often also change in order to save space on the screen.