Egentligt bør jeg starte med at sige, at denne overskrift i bund og grund ikke giver nogen egentlig mening, idet responsivt design ikke er et selvstændigt system, som er tilsvarende adaptivt design, som overskriften ellers indbyder til at tro. Det er derimod en sidegren (eller en videreudvikling af Adaptive Design). Det vil sige at Responsive Design er lavet ud fra det adaptive design system og kan betragtes som en overbygning.
Hvad har Responsive Design og Adaptive Design til fælles?
Man bør altid starte med at fokusere på det man har tilfælles, sagde min mor altid, og det kan hun nu have ret i, specielt hvis det kan hjælpe os til at få en bedre grundforståelse af hvad der i sidste ende adskiller responsivt og adaptivt design.
Simpelt sagt så har Adaptive Design og Responsive Design det fælles hovedmål, at sørge for at din hjemmeside kommer til at være funktionel og overskuelig at se på for brugeren, i præcis den skærmstørrelse som vedkommende anvender. Ganske enkelt.
Men nu hvor det er på plads…
Hvad er så egentligt forskellene på adaptivt og responsivt design?
Nu er det selvfølgeligt ikke nogen hemmelighed, at de to typer af design har lidt forskellige måder at nå dette hovedmål på. En af de store forskelle ligger i, at responsivt design har fået tilføjet mere flydende grænser, og er blevet tilføjet noget der hedder medieforespørgsler. Disse medieforespørgsler er noget der er blevet bestemt og derefter indkodet i en CSS.
Adaptivt design består af nogle regler der er defineret i forhold til enhedens muligheder og skærmens størrelse. Modsat responsivt design så kan ændringer i det adaptive design godt være ekstremt fra skærmstørrelse til skærmstørrelse.
I forhold til Responsive Design, så kan en hjemmeside lavet med Adaptive Design godt være meget anderledes fra fx computerskærm til smartphonens skærm. Responsive Design sørger derimod for ikke at ændre indholdets design i så høj grad, at det kan være svært at gennemskue, at det er den samme side man kigger på.
Hvad er CSS?
Nu blev der nævnt, at det responsive designs medieforespørgsler bliver indkodet i noget, der hedder en CSS. CSS står for Cascading Style Sheets, og er en slags oversætter eller et computer-sprog, der beskriver hvordan man vil have fx et HTML-, XHTML- eller XML-dokument til at se ud i fx en computers browser, forklaret i korteste træk.