Responsiv nettside

Responsiv nettside (engelsk forkortelse RWD - Responsive Web Design) er en nettside som kan vises på alle skjermstørrelser. Elementene på siden vil automatisk strekkes, krympes eller flyttes for å tilpasses den tilgjengelige skjermplassen på et bredt utvalg av enheter. Dette gjøres særlig ved at antallet spalter reduseres når bredden på nettsiden minsker. En responsiv nettside bruker bl.a. HTML og CSS-mediespørringer (engelsk CSS media queries) til å tilpasse seg enhetens skjermstørrelse.

Eksempel på responsiv design: Antallet spalter på commons.wikimedia.org minker når innholdet vises på en smal skjerm.

For at en nettside skal være responsiv skal den være bygget opp med tre kjernefunksjonaliteter:[1][2]

  • Fleksible spalter
  • Fleksible media og bilder
  • Bruker mediespørringer til å håndtere media samt avgjøre enhetens skjermstørrelse.

Se ogsåRediger

HistorieRediger

Det engelske begrepet for RWD ble først brukt av Ethan Marcotte i en artikkel tittelert "Responsive Web Design", skrevet for magasinet A List Apart[3].

ReferanserRediger

  1. ^ Marcotte, Ethan (2011). Responsive Web Design. A Book Apart. ISBN 098444257X , 9780984442577 Sjekk |isbn=-verdien: invalid character (hjelp). 
  2. ^ Katrien De Graeve. «HTML5 - Responsive Web Design». MSDN Magazine - Issue 2011 - November 2011. 
  3. ^ Marcotte, Ethan. «Responsive Web Design». alistapart.com. Besøkt 14. november 2016. 
 Denne datarelaterte artikkelen er foreløpig kort eller mangelfull, og du kan hjelpe Wikipedia ved å utvide den.