wat is responsive design

Basis principes responsive design

Tegenwoordig zijn er erg veel verschillende schermformaten die meerdere keren per dag gebruikt worden. Denk aan smartphones, tablets, laptops en desktops met ieder ook weer zijn eigen schermformaat. Responsive design is een prima oplossing voor het huidige ‘multi scherm’ probleem.

Responsive design houdt in dat er geen vaste pagina breedte of hoogte in pixels wordt opgegeven in de onderliggende code van de website. Ontwerpen voor desktop en mobiel in pixels behoort ook echt tot het verleden. Daarom gaan we met deze post een aantal duidelijke basisprincipes van het responsive design uitlichten aan de hand van onderstaande door ons vormgegeven animaties.

Het verschil tussen…

responsive vs adaptive

responsive desktop vs mobile

responsive max width

responsive breakpoints vs no breakpoints

responsive flow vs static

responsive nested vs not nested

responsive relatief vs statisch

responsive systeem fonts vs webfonts

responsive vector vc images

 

Is jouw website al responsive?

Vanaf januari 2017 is de prognose dat 75% van de Nederlandse particulieren alleen nog maar mobiel of via een tablet surft op het internet. Het is dus van groot belang dat je website responsive is! Wil jij meer weten over responsive websites? Neem gerust contact met ons op!