Responsive nettsider på nrk.no

Artikkelen beskriver utfordringene og løsningene knyttet til responsivt webdesign, som gjør at nettsider tilpasses ulike skjermstørrelser og enheter. Den historiske utviklingen fra faste skjermstørrelser via Adaptiv design til Responsiv design, popularisert av Ethan Marcotte i 2010, vektlegger én løsning for alle brukere. Tekniske krav for Responsiv design inkluderer bruk av 'Media Queries' i CSS3, flytende layouter basert på prosenter, og en viewport metatag. En stor utfordring er håndtering av responsive bilder for å unngå unødvendig nedlasting av store filer, og artikkelen diskuterer ulike tilnærminger som JavaScript-deteksjon, det foreslåtte -elementet og Apples 'srcset'-attributt. nrk.no har satt seg som mål å utvikle en løsning for responsive bilder som unngår dobbel lasting, laster optimale bildestørrelser, ivaretar Søkemotorsynlighet og god Semantisk struktur.