Responsiv nettside

tilnærming til webdesign for å få nettsider til å gjengis godt på en rekke forskjellige enheter

Responsiv nettside (engelskresponsive web design, forkortet RWD) 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 (engelskCSS 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 første nettstedet som benyttet et design som dynamisk tilpasset seg nettleserens størrelse var Audi.com, lansert i slutten av 2001.[3] Det engelske begrepet for RWD ble først brukt i 2010 av Ethan Marcotte i artikkelen «Responsive Web Design», skrevet for magasinet A List Apart.[4]

ReferanserRediger

  1. ^ Marcotte, Ethan (2011). Responsive Web Design. A Book Apart (engelsk). ISBN 9780984442577. 
  2. ^ De Graeve, Katrien (november 2011). «HTML5 - Responsive Web Design». MSDN Magazine (engelsk). 26 (11). Besøkt 27. november 2021. 
  3. ^ Kalbach, Jim (22. juli 2012). «The First Responsive Design Website: Audi (circa 2002)». experiencinginformation.com (engelsk). Besøkt 27. november 2021. 
  4. ^ Marcotte, Ethan (25. mai 2010). «Responsive Web Design». A List Apart (engelsk). Besøkt 14. november 2016. 
 Denne datarelaterte artikkelen er foreløpig kort eller mangelfull, og du kan hjelpe Wikipedia ved å utvide den.