Reageeriv veebidisain
From Wikipedia, the free encyclopedia
Reageeriv veebidisain (inglise keeles responsive web design, lühend RWD) on lähenemisviis veebidisainile, mis muudab veebilehe kujundust vastavalt erinevate seadmete, akende või ekraanide suurustele. Hiljutised uuringud käsitlevad vaataja lähedust kui osa konteksti vaatamist RWD laiendusena.[1] Sisu, disain ja jõudlus on vajalikud kõigis seadmetes, et tagada kasutatavust ja rahulolu.[2][3][4][5]
RWD-ga loodud veebileht [2][6] kohandab kujundust vaatamiskeskkonnale, kasutades paindlikke, proportsionaalsusel põhinevaid võrgustikke,[7][8] paindlikke kujutisi,[9][10][11] ja CSS3 meediumi päringuid.[4][12][13]
- Paindlik võrgukontseptsioon nõuab lehekülje elementide suurust pigem suhtelistes ühikutes nagu protsent, mitte absoluutühikutes nagu piksel või punkt.[8]
- Paindlikute piltide mõõtmed on samuti suhtelistes ühikutes, et vältida nende kuvamist väljaspool nende sisaldavat elementi.[9]
- Meedia päringud lubavad erinevate CSS-stiilide kasutamise reegleid, toetudes seadme omadustele, mille peal kindel lehekõlg kuvatakse. Kõige levinum nendest on brauseri laius.
Reageeriv veebidisain on muutunud olulisemaks, kuna mobiilseadmed hõlmavad ligi poole kogu Interneti-liiklusest.[14] Seepärast kuulutas välja Google 2015. aastal Mobileengdoni ja hakkas mobiilisõbralike veebilehtede hinnangut tõstma, kui otsing tehti mobiilseadmelt.[15] Veebidisain on näide kasutajaliidese plastilisusest.[16]