Quantcast
Channel: My CMS » Webstrategi
Viewing all articles
Browse latest Browse all 10

Responsive Design vs. Adaptive Design

$
0
0

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.


Viewing all articles
Browse latest Browse all 10

Latest Images

Pangarap Quotes

Pangarap Quotes

Vimeo 10.7.0 by Vimeo.com, Inc.

Vimeo 10.7.0 by Vimeo.com, Inc.

HANGAD

HANGAD

MAKAKAALAM

MAKAKAALAM

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC

Trending Articles


Ang Nobela sa “From Darna to ZsaZsa Zaturnnah: Desire and Fantasy, Essays on...


Dino Rey para colorear


Libros para colorear


Mandalas de flores para colorear


Dibujos para colorear de perros


Renos para colorear


mayabang Quotes, Torpe Quotes, tanga Quotes


Love Quotes Tagalog


Kahit may Toyo ka


Mga Tala sa “Unang Siglo ng Nobela sa Filipinas” (2009) ni Virgilio S. Almario


Gwapo Quotes : Babaero Quotes


Winx Club para colorear


Girasoles para colorear


Gato para colorear


Vacas para colorear


Dromedario para colorear


Long Distance Relationship Tagalog Love Quotes


Tagalog Love Facts About Men


RE: Mutton Pies (mely)


El Vibora (1971) by Francisco V. Coching and Federico C. Javinal





Latest Images

Pangarap Quotes

Pangarap Quotes

Vimeo 10.7.0 by Vimeo.com, Inc.

Vimeo 10.7.0 by Vimeo.com, Inc.

HANGAD

HANGAD

MAKAKAALAM

MAKAKAALAM

Doodle Jump 3.11.30 by Lima Sky LLC

Doodle Jump 3.11.30 by Lima Sky LLC