Odgovarajući web dizajn

Prilagodljivi web dizajn (ili "RWD") vrsta je web dizajn koji pruža prilagođeno iskustvo gledanja za različite preglednike platforme, web stranicu stvoren s RWD-om prikazat će različito sučelje, ovisno o tome koji se uređaj koristi za pristup web mjestu. Na primjer, responzivna web stranica može se prikazati u jednom smjeru na a laptop, drugi način na a tableta, i još jedan drugi način smartphone.

Danas mnogi ljudi pristupaju web mjestima s mobilnih uređaja, a ne stolna računala ili prijenosna računala. Iako većina pametnih telefona može prikazivati ​​redovite web stranice, sadržaj je teško čitati, a još teže se kretati. Stoga mnogi web programeri sada koriste responzivni web dizajn kako bi pružili bolje iskustvo pregledavanja weba na malim ekranima.

Web stranice dizajnirane za mobilne uređaje (poput iOS i android telefoni), obično imaju veću zadani veličina fonta i pojednostavljena navigacija. Neke web stranice također koriste prednosti zaslon osjetljiv na dodir sučelje, pruža podršku za listanje, rotiranje i stezanje i zumiranje. Web mjesto optimizirano za mobilne uređaje također može ukloniti nepotrebni sadržaj kako bi se smanjila potreba za njim pomicanje. Prebacivanje slike i ostale značajke lebdenja miša često se uklanjaju jer zasloni osjetljivi na dodir ne podržavaju pokazivač miša.

Postoji nekoliko načina za implementaciju responzivnog web dizajna. Jedna od metoda je dinamičko otkrivanje korisničke platforme (kao što je iPad ili iPhone) i učitavanje određenog HTML i CSS za odgovarajući uređaj. Druga mogućnost je uporaba medijskih upita koji automatski učitavaju različite CSS stilove ovisno o veličini prozora preglednika. Paket Bootstrap koji sadrži nekoliko prethodno napisanih JavaScript i CSS datotekama, temelji se na medijskim upitima i obično se koristi u responzivnom web dizajnu.