home_icon

Prilagodljiv dizajn

En

Prilagodljiv dizajn (responsive design) je pristup pravljenju Web stranica kako bi one bile savršeno prikazane na svim veličinama ekrana. Sadržaj na njima se smanjuje, uvećava, krije ili pomera kako bi bio lak za korišćenje i lepo izgledao na svakom uredjaju.

Nekada je bilo potrebno kreirati dva potpuno različita web sajta, jedan za desktop ekran jedan za mobilne telefone. Pojavom i sve većom upotrebom različitih veličina ekrana od mobilnih telefona, tableta, laptopova do velikih desktop ekrana, tehnika u izradi web stranica se promenila i sada je to moguće postići upravo pristupom prilagodljivog dizajna. To je veoma bitno za vas jer statistika kaže da poslednjih godina je mnogo veća upotreba malih ekrana na internetu nego klasičnih kućnih računara. Ako obratite pažnju dok surfujete internetom primetićete da i dan danas veliki broj sajtova nije prilagodjen malim ekranima. To svakako nije dobro za posao njihovih vlasnika a to se dešava najverovatnije iz njihovog neznanja i neupućenosti kako funkcioniše internet danas i koji su uslovi za uspeh internet prezentacije.

Oni će posebno biti u problemu jer je Google rešio da učini internet prijateljskijim mestom za korisnike mobilnih uredjaja i pokrenuo novu verziju indeksiranja tkz. "mobile-first" (prvo mobilni). Sve do nedavno, Google prvenstveno je pregledavao web stranice kroz oči korisnika desktop računara, čime su se mobilne stranice smatrale važnima, ali sekundarno od tih desktop stranica. Sada Google obrađuje mobilne verzije svake stranice kao primarnu stranicu za indeksiranje, a desktop verzije su sekundarne. To će itekako uticati na promenu pozicije sajtova u pretraživačima.

Kada kreiramo stranice prilagodjene različitim ekranima na svakoj dodajemo meta element koji izgleda ovako: <meta name="viewport" content="width=device-width, initial-scale=1.0">. Njime dajemo instrukciju pretraživačima kako da kontrolišu dimenzije stranice i skaliranje. Dimenzije slika definišemo u procentima kako bi se one prilagodjavale ekranima. Najvažniju ulogu u kreiranju sajta prilagodljivog dizajna imaju media queries. Njima odredjujemo prelomne tačke za veličine kojima želimo da prilagodimo sadržaj. Tu možemo da definišemo potpuno različite stilove za različite veličine ekrana. Prilagodljiv dizajn olakšavaju i neki od grid sistema kao što je Bootstrap.

Ako vas zanima da li je vaš sajt prilagodjen ekranu mobilnog telefona to možete proveriti u Google-ovom testu i uveriti se da li ima potrebe da pod hitno angažujete nekog da vaš sajt prilagodi mobilnom uredjaju.

O tome više ne treba da brinete jer će se WEBmanager postarati da i vi i mi budemo ponosni na izgled sajta na svakom ekranu.

Nazad
Back to top