Šta je responsive web dizajn?

Skraćenica za ovu vrstu web dizajna je RWD i označava određen pristup savremenom, odnosno prilagodljivom web dizajnu. Kakav Internet sadržaj želimo da kreiramo kada kažemo da koristimo prilagodljiv web dizajn? U svakom slučaju, taj sadržaj bi morao da bude vrlo jednostavan za korišćenje, ali takođe i prilagodljiv za sve uređaje (zbog drugačije veličine ekrana, npr. mobilnih telefona i tableta).

Šta je responsive web dizajn?

Da li želite da naučite da koristite ovu specifičnu vrstu kreiranja sadržaja na Internetu? Mi
smatramo da bi Vam to svakako bilo korisno. Ali, da li ste znali da responsive web dizajn
zapravo predstavlja znanje i veštinu da zapravo kreirate ceo sajt na određen način? Mnogi koji
nisu upoznati kako RWD zapravo funkcioniše često greše kada misle da je ova vrsta web
dizajna vezana samo za sadržaj i prikaz istog, ali ne i za kreiranje samog sajta.
Sada kada smo to razjasnili, hajde da vidimo na koji način se sadržaj na sajtu napravljnom na
bazi responsive web dizajna može prilagoditi svakom ekranu, kako telefonu i tabletu, tako i
laptop i desktop računaru.

Kada se odlučimo da pravimo RWD sajt, mi zapravo koristimo fluidne rešetke koje služe za
baziranje te određivanje proporcija određenih ekrana uređaja. Za ovaj pojam je vrlo važno
navesti da morate obratiti pažnju na to da Vam sadržaji na stranicama nisu predstavljeni u
pikselima, već je to bolje uraditi u relativnim jedinicama. Takođe, fleksibilne slike rade na isti
način, čineći doživljaj i iskustvo sadržaja na svakom različitom uređaju jednakim i
kvalitetnim. Sve navedeno za fluidne rešetke takođe važi i za fleksibilne slike, pa obratite
pažnju da su izražene u procentima. Pored fluidnih rešetki i fleksibilnih slika, dobro je
pomenuti i specijalne tehnologije koje se koriste pri izradi responsive web dizajna. Ovde
najčešće mislimo na CSS koji je u stanju da unifikuje sve sadržaje za različite uređaje.
Preporučljivo je istražiti različite CSS sisteme te pronaći one koji se najbolje uklapaju za sve
vrste uređaja za koje želite da napravite responsive web dizajn. Primer prilagođavanja stavki
na sajtu uz pomoć CSS sistema - margine, veličina fonta...

Ali, da li su za sve uređaje dovoljni samo gore navedeni načini rada? Na primer, za mobilne
telefone imamo i JavaScript kodove. Ovi kodovi nisu nametljivi i definitivno donose
poboljšanje verzije sajta za mobilne telefone i male ekrane.

Pa, kako početi? Savet je jednostavan - počnite sa kreiranjem jednostavne web stranice.
Kasnije, ukoliko ste zadovoljni sa sajtom, u mogućnosti ste da ga polako prilagođavate
shodno responsive web dizajnu. Naravno, ovo zahteva vreme, jer ćete poželeti da napravite
takav RWD koji će biti u mogućnosti da se prilagodi baš svakom tipu računara, laptopa,
tableta, te mobilnog telefona.

Šta se dešava kada određeni mobilni uređaji ne prepoznaju sajt zato što ne funkcionišu u
skladu sa JavaScript kodovima? Naravno, dešava se. No, i ovde postoji rešenje. Preporučljivo
je odraditi detekciju pretraživača. Ovo bi bio Vaš prvi korak. Zatim, detekcija mobilnog
uređaja. U prevodu - morate istražiti da li taj mobilni telefon podržava CSS ili HTML
svojstva. Kombinujte različite sisteme i mogućnosti da biste otkrili te pronašli najpovoljnije
rešenje za prikaz sadržaja za verziju mobilnih uređaja.

Ali, šta ako neki uređaji zaista ne podržavaju CSS i HTML svojstva ni u jednom obliku?
Naravno, kao i za sve, poslužićete se Internetom! Možete pronaći razne alate online koji će
Vam pomoći da prevaziđete ovaj problem. U svakom slučaju, testiranje prilagodljivosti svih
značajki bitnih za responsive web dizajn su danas umnogome olakšane, jer razni Internet
pretraživači već nude gotova rešenja te predlažu izmene i poboljšanja.

Nekoliko zanimljivosti o responsive web dizajnu:

Prilagođavanje izgleda web sajta se pojavio iz same potrebe savremenog društva, te su ideje
za njegovo korišćenje i primenu nastale spontano, sa promenom sveta i tehnologije.
Glavni motiv postojanja prilagodljivog web dizajna je što sve veći broj ljudi širom sveta
koristi različite uređaje za pretraživanje sadržaja online. Zamislite šta bi se desilo kada sajtovi
ne bi bili optimizovani za Vaš računar i telefon na isti način? Možda želite da proverite nešto
što ste videli van kuće, ali ukoliko taj web sajt ne bi bio uređen po načelima RWD, Vi biste
ostali uskraćeni za informacije koje ste hteli da pregledate preko telefona, te morali čekati da
dođete nazad kući da to ponovo i učinite. Vrlo nepraktično, zar ne?
Minimum dimenzija potrebnih za prilagođavanje je skoro uvek tri, iz razloga što se uglavnom
rade za računare, tablete, te mobilne uređaje.

Da li ste znali da je prosečan broj aplikacija koje ljudi zaista koriste na mobilnim telefonima
zapravo pet? Iz tog razloga, mnogi i dalje smatraju da je potrebno dobro razmisliti pre
ulaganja truda, vremena, i novca, za optimizovanje baš svakog web sajta i aplikacije po
načelima RWD-a.