Definicija responzivnog web dizajna

Prije mnogo godina, kad je tehnologija bila ono što je bila, trebalo se samo brinuti da će vizualne stvari koje je radila (slike, igre, sučelja aplikacija, ...) izgledali su dobro na zaslonu udaljenom oko 14 inča od a monitor iz Računalo. Ali evolucija Bilo je nezaustavljivo i trenutno imamo mnoštvo uređaja i formata.

To je značilo da se korisničko sučelje ili bilo koji drugi sadržaj više ne mora baviti različitim veličine slika, ako ne s uređajima koji se koriste na drugačiji način, i omjeri slike koji se razlikuju posebno.

Web, napredak koji se pojavio 90-ih i koji je od tada postao bitan, također je pretrpio ove promjene u scenariju platforme iz kojeg mogu se koristiti, a subjekti koji upravljaju web standardima morali su odabrati domišljata rješenja kako bi olakšali život programerima sučelja Mreža.

Odzivna web stranica (također nazvana uzvratni, usvajanje izvorne engleske riječi) je onaj čije se sučelje automatski mijenja i njegovo Grafički elementi premješteni su za jednostavno gledanje u bilo kojoj veličini zaslona i omjeru. izgled.

instagram story viewer

Razmislimo o raznolikost formati zaslona u rasponu od pametnog telefona s 5 ”zaslonom i omjerom 18: 9 koji se mogu čitati okomito do televizora 16: 9 40”, a računalo ili tablet ostaju između.

Sve dok nisu poduzeti koraci za izradu sučelja graf web stranica automatski će se prilagoditi zaslonu na kojem se gledala, "Rješenje" se sastojalo od predviđanja svih mogućih formata i posluživanja različitih stranica prema potrebi. Problem su bili oni nepredviđeni formati i oni koje je tehnološka evolucija osigurala prirodno.

Alati za postizanje responzivnog dizajna koji će se prilagoditi formatu zaslona u kojem se slika gledala. web stranice, bez obzira na format i veličinu zaslona, ​​postavio je W3C (World Wide Web Konzorcij).

A uvođenje ove tehnologije bilo je moguće zahvaljujući odvajanju sadržaja stranica od onoga što je bilo prezentacija navedenog sadržaja i izgled i osjećaj stranicu pomoću datoteka definicije CSS stila.

Oni vam omogućuju izmjenu izgleda cijele web stranice (podrazumijeva se kao skup stranica) bez potrebe za dodirivanjem kodirati izvor svih HTML datoteka, jer se razlikuje koje su definicije stila i prezentacije (sadržane u datoteka CSS) sadržaja (nalazi se u HTML datotekama).

W3C je o elementima responzivnog dizajna raspravljao i u njih ih uveo od kraja prvog desetljeća 21. stoljeća.

To je iz lansiranje prvog iPhonea, 2006. godine, u kojem je pokrenuta utrka za prilagodbu web stranica tako može se savršeno vidjeti i na stolnim preglednicima i na velikim zaslonima, kao i na uređajima mobiteli.

Fotografije Fotolia: Alexey Shkitenkov / Bobb Klissourski