Webdesign bureau voor ZZP en MKB
Door: Quint Engel
Op: 29 maart 2015

Responsive versus Adaptive website

Wat is nu het verschil tussen een responsive en een adaptive website? In dit blog bericht meer hierover.

Responsive website

Een responsive website past zich aan, aan het schermformaat waarop de website bekeken wordt. Zowel op een desktop, een laptop, een tablet als een mobiel apparaat is de website goed leesbaar. Om dit te realiseren worden elementen op de pagina bijvoorbeeld niet naast elkaar, maar onder elkaar weergegeven wanneer een website op een mobiel wordt bekeken. Maten worden bij responsive design opgegeven in procenten en de website schaalt dus constant. Bij bepaalde ‘breekpunten’ (sherm kleiner dan…) verplaatsen elementen op de pagina om alles goed leesbaar te houden. Het ontwerp van een responsive website schaalt mee met de afmetingen van een scherm, zonder in te leveren op leesbaarheid van tekst of de bruikbaarheid van de website.

responsive webdesign - mobiel vriendelijke websites

Adaptive website

Een adaptive design werkt niet met procenten, maar met vaste maten bij bepaalde ‘breekpunten’. Adaptive design past zich aan in vorm én functie en kijkt naar de aanwezige functionaliteit van het apparaat. Het verschil tussen responsive- en adaptive design is goed te zien op de volgende pagina: www.liquidapsive.com/. Selecteer rechtsboven ‘responsive’ of ‘adaptive’ en verklein het browserscherm met je muis.

Bel mij terug