Početni razvojni programeri web mjesta nisu se morali mnogo brinuti o osmišljavanju web stranica kako ih korisnici pregledavaju na računalima i ta računala imaju fiksiranu razlučivost zaslona. Mobilnom revolucijom sve više i više ljudi pretražuje na svojim mobilnim uređajima - tabletima ili mobilnim telefonima - za informacije. Stoga je postalo neophodno za programere web mjesta, kako bi stvorili web stranicu koja sveobuhvatno pruža od Windows računala do mobilnih uređaja. Ovaj članak objašnjava razliku između prilagodljivog ili responzivnog web dizajna i omogućuje vam da odlučite koja je bolja za vas i vašu organizaciju.
Odgovorni web dizajn
Odgovorni web dizajn uključuje dodatno kodiranje i zapošljava ono što se naziva "tekućim rešetkama". Brojevi su navedeni u "postotku", a ne točnom broju piksela. Na taj se način isti kôd web mjesta prikazuje ispravno na zaslonu računala i na zaslonu mobilnog telefona. Dakle, bez obzira na veličinu vašeg zaslona, ista je web stranica prikazana na jednostavan način. Za manje web stranice tekst i slike lako se protječu s prostorom zaslona i uklapaju se u nju bez prekidanja web stranice ili bez obrezivanja dijelova web stranice.
Odgovarajući dizajn web dizajna omogućava korištenje CSS3 umjesto samo CSS-a. Također se koristi skalabilne slike i tekućine rešetke koje su malo teško kodirati.
Adaptivno web dizajn
Adaptivni web dizajn također je usmjeren na prikazivanje vidljivih web stranica na tabletima i mobilnim telefonima uz zaslone računala. Pristup je ipak malo drugačiji. U odgovarajući web dizajn, fleksibilnost je omogućila slobodan tijek teksta i veličinu slika kako bi se uklopila na različite ekrane.
U prilagodljivom web dizajnu, programeri koriste predodređene veličine i šifre zaslona u skladu s tim. Naime, kada korisnik stigne na web stranicu, web stranica određuje vrstu uređaja koji se koristi i predstavlja web stranicu dizajniranu za određenu veličinu zaslona uređaja. U nekim se slučajevima sadržaj može razlikovati od uređaja.
Na primjer, programeri razmotrili bi 1280 × 800 piksela za računala, 8 "za tablete i 5" za mobitele. Početni kod prilagodljivog web dizajna sadrži identifikaciju ekrana. Ako je to PC, prikaži PC verziju web stranice. Ako je tabletna ploča od 8 inča, prikažite verziju web-lokacije tableta i slično, ako je uređaj mobilni telefon, prikažite mobilnu inačicu web-lokacije. To se postiže pomoću izjave "IF", nakon čega slijede različite dimenzije specificirane točno u pikselima umjesto da ga postanu u postotku.
Ako novi uređaji dođu s različitim razlučivostima zaslona, razvojni programeri morat će se vratiti na kodiranje kako bi uključili novije rezolucije zaslona. Dakle, prilagodljivi web dizajn ima neke šanse obrezivanje na manje uređaje ako programeri nisu oprezni.
U usporedbi s responzivnim web dizajnom, prilagodljivi web dizajn lakše je kodiran, a većina programera odabire potonje preko osjetljivog web dizajna.
Odgovarajući vs prilagodljiv web dizajn
Odgovarajuće web stranice teško je kodirati. Kôd je složen i koristi se postotne vrijednosti umjesto vrijednosti fiksnih piksela. Potrebna je dobra količina koncentracije za izgradnju web stranice koja se skale prema veličini zaslona uređaja. Naprotiv, lakše je izraditi različite web stranice za različite uređaje kao što je slučaj kod prilagodljivog web dizajna. Iako je posao u prilagodljivijem web dizajniranju, budući da će programeri stvoriti različite web stranice za različite veličine uređaja, to je još lakše u usporedbi s osjetljivim web dizajnom.
Budući da na tržištu postoji previše mobilnih uređaja, programeri ne mogu nužno uključivati sve vrste razlučivosti zaslona. To dovodi do obrezivanja web stranica na manjim zaslonima kada se koristi adaptivni pristup web dizajnu.
Adaptive web stranice su malo spore u učitavanju jer web stranica prvo mora otkriti koji uređaj i kakvu se razlučivost zaslona koristi. Na temelju toga povezana verzija web stranice učitava se na zaslon uređaja. U slučaju responzivnog web dizajna, koristi se samo jedan kôd i automatski se smanjuje da bi se uklopio u mobilne zaslone.
Možda želite pogledati i ovaj post na MSDN naslovu Zašto volim prilagodljivu web dizajn preko osjetljivog web dizajna.
UPDATE: povezana stranica nije dostupna na Microsoftu. Umjesto toga možda biste željeli provjeriti SharePoint Responsive Web Design.
