Veebi ja tahvelarvutite kujundamine - reageeriv disain

• Mai 6, 2024

Mõiste Vastuvõtlik on olnud mõnda aega esirinnas, kuid mida see täpsemalt tähendab? Internet on aastatega palju muutunud, enamasti tekstipõhiselt platvormilt interaktiivseks, kaasahaaravaks, multimeediumiks ja mitmeks seadmeks.

Veebilehed on viimase kümnendi jooksul muutunud, et kajastada Interneti ja selle vaatamiseks kasutatavate seadmete täiustusi. Seadmetest rääkides on meil valida mitut tüüpi, sealhulgas arvutid, miniarvutid, tahvelarvutid ja nutitelefonid. Seadmete arvu ja nende variatsioonide suurenedes muutub probleem ilmseks. Igal seadmel ja seadme variatsioonil on oma ekraanisuurus.

Kui pidime kavandama ainult laua- ja sülearvutitele mõeldud veebisaite, oli meie peamine kaalutlus, kuidas tagada, et veebileht kuvataks sama sõltumata arvutist või veebibrauserist. Vastus oli populaarseimate veebibrauserite kujundamine ja levinumad ekraani eraldusvõimed. See töötas lühikest aega. Veel üks probleem sai ilmsiks, kuna need parameetrid muutusid pidevalt. Minu esimese arvuti ekraani suurus oli 800 x 600 ja ma armastasin seda niikuinii. Siis sai normiks 1024 x 800. Nüüd on arvutid kasvanud 27 tolli ja suuremaks. Nii et veebisaidi sihtlahendus muutis.

Just siis, kui hakkasime nende suuremate ekraanide kujundamist nautima, kasvas nutitelefoni ja tahvelarvutite populaarsus nende lahedate rakenduste, kuid väiksemate ekraanide abil tunduvalt. Tegelikult ennustatakse, et nutitelefone ja tabeleid kasutatakse veebi vaatamiseks sagedamini kui arvuteid vaid mõne aasta pärast. Alguses oli ainult mõni mobiilseade. Nii hakkasime kavandama nii arvutikasutajale mõeldud peamist veebisaiti kui ka mobiilikasutajale mõeldud teist veebisaiti. Kuid see ei lahendanud probleemi täielikult, kuna kavandasime endiselt kindla laiusega paigutusi.

Nüüd ei saa te eeldada, millist seadet vaataja teie veebisaidi vaatamiseks kasutab. Nii et teatavate fikseeritud ekraanisuuruste jaoks kujundamine pole enam parim lahendus probleemile. Vajame viisi, kuidas määrata kasutaja seadme ekraani suurus ja vastavalt sellele veebileht kuvada. Seega reageeriv veebidisain, mis kasutab CSS-i ekraani laiuse määramiseks ja veebilehe kuvamiseks vastavalt vajadusele. See võimaldab meil omada ainult ühte veebisaiti, mis vajaduse korral jaguneb mitmeks versiooniks.

Video Juhiseid: Hapishane işi top örme nasıl yapılır -Full- (How to make a beaded crochet ball) (Mai 2024).