Hvad er responsive design?
NemProgrammering.dk logo
Læs mere om denne UnoEuro Rabatkode
UnoEuro rabatkode

Hvad er responsive design?
17 - Responsive design

Tilbage   Næste    Oversigt

hvad er responsive webdesign

Responsive design er en måde at designe hjemmesider på. Man designer hjemmesiden med den hensigt, at den skal kunne ses og bruges på både smartphones, tablets og almindelige desktop computere.

Ideen er, at hjemmesiden automatisk skal kunne tilpasse sig skærmens størrelse, således at tekst, billeder, tabeller, menuer, grafik osv. skalleres enten op eller ned, alt afhængig af hvilken enhed brugeren benytter til at se siden.

At have en responsive hjemmeside, er i takt med den eksplosive udbredelse af mobile enheder, blevet vigtigere end nogensinde før. Et godt på en responsive hjemmeside er NemProgrammering.dk selv. Når du besøger siden, så prøv at gøre dit browservindue større og mindre.

Du vil opleve, at hjemmesiden automatisk tilpasser sig størrelsen på dit browservindue. Hvis ikke du oplever, at hjemmesiden ændre sig, så er det sandsynligvis fordi du anvender en ældre browser, som ikke understøtter CSS3 media queries (som en responsiv hjemmeside bl.a. bygger på).

Man designer typisk ud fra følgende skærmstørrelser:

responsive design

Tricket er, at lave en jævn overgang mellem de fire skærmtyper, hvor store billeder skalleres ned og skriftstørrelsen skalleres op, hvis man f.eks. går fra en tablet til en smartphone.

Et alternativ til en responsive hjemmeside, er at en dedikeret side til mobile enheder samt en dedikeret side til desktops. Dette betyder dog, at du skal vedligeholde flere separate sider, hvilket godt kan blive uoverskueligt og tidkrævende i længden. Med et responsivt design har du én hjemmeside, hvor indholdet er det samme, men hvor det blot skalleres ned eller op om nødvendigt. En responsive hjemmeside kan derfor i mange tilfælde være nemmere at vedligeholde end to dedikerede sider til mobil og desktop.

Du kan lære meget mere om responsive design med NemProgrammering.dk´s gratis responsive design kursus.


Spørgsmål og kommentarer

Har du et spørgsmål eller en kommentar til denne video/artikel? Så skriv herunder! Alternativt kan du kontakte os på vores forum, hvor en masse hjælpsomme personer sidder klar til at hjælpe.

Url´er bliver automatisk omdannet til links (nofollow).

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    16-09-2017

Hej Niels, Nej det vil jeg ikke sige der er. Alternativet til responsive er en mobilversion af din hjemmeside, og det frarådes af de fleste, da det bliver noget bøvl at vedligeholde og er dårligt for SEO.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Niels    15-09-2017

Er der ulemper ved responsive sider?