Blogg - DD.01.YYYY

Skalanleg vefhönnun, Responsive Design

Hvernig eru snjalltækin að birta vefina okkar? Er skalanleg vefhönnun enn ein tískubóla í vefhönnun eða er hún komin til að vera?

Afhverju skalanleg vefhönnun?

Í lok seinasta árs voru seldir yfir 500.000 iPhone símar á dag og 1.300.000 Android tæki voru virkjuð á dag. Til að setja þetta í samhengi eru Íslendingar um 320.000 og þetta eru því yfir fimm snjallsímar fyrir hvern Íslending. Á dag. Þó að þetta séu tölur fyrir allan heiminn má gera ráð fyrir að Íslendingar séu ekki eftirbátar annarra þjóða.

Sagan hingað til

Frá örófi alda höfum við mennirnir haft þörf fyrir að tjá okkur og setja mark okkar á umhverfið. Vefurinn hefur auðveldað þetta til muna og nú á dögum getur hver sem er komið hugmyndum sínum á framfæri fyrir alþjóð á örskots stundu. En hvernig er þetta efni yfirleitt sett fram? Á seinustu árum hafa lang flestir vefir verið settir upp miðað við minnstu breidd sem talið er að flestar borðtölvur ráði við en hvað gerist ef við horfum til snjallsíma- og spjaldtölvuvæðingarinnar, hvernig birta þau tæki efnið okkar? Vefurinn þinn er skoðaður í allskonar tækjum, hvernig upplifun er hann að bjóða upp á?

Ný hugsun

Skalanleg vefhönnun er leið til að hanna birtingu á efni sem aðlagar sig að umhverfi sínu. Hvort sem notaður er sími með litla skjástærð eða risa-sjónvarpsskjá, þá birtist efnið á hátt sem hentar því. Byggir þessi hönnun á þremur þáttum:

  • Sveigjanlegu umbroti, byggðu á grind. Þ.e.a.s. stærðir eru skilgreindar í hlutföllum, en ekki föstum stærðum
  • Sveigjanlegum myndum og miðlum
  • Media queries, virkni í CSS sem leyfir stjórn á stílum eftir skjástærð

Nánar er hægt að fræðast um skalanlega vefhönnun í greininni "Responsive Web Design" eða með því að prófa að minnka og stækka vafrann þinn, hérna á vef Advania. Að hanna vef út frá þessu krefst þess að maður líti á allt ferlið í nýju ljósi, forgangsraði hvaða efni er mikilvægast á hverri síðu. Sumir ganga svo langt að segja að besta leiðin til að hanna vef sé að byrja á því að hanna hann fyrir minnstu stærð og vinna sig síðan upp. Þá sé efnið í algjörum forgangi og eftir því sem skjástærðin eykst, þá fáum við tækifæri til að bæta upplifunina.

Framtíðin

Er skalanleg vefhönnun enn ein tískubóla í vefhönnun eða er hún komin til að vera? Þeirri spurningu verður svarað á næstu árum á meðan vefhönnuðir halda áfram að þróa þessa hugsun, vafrar taka upp nýja tækni og fjölbreytileiki vélbúnaðar eykst. Að lokum er gaman að lesa yfir þá punkta sem "Future friendly" hópurinn setti niður eftir að hafa spekúlerað um framtíðina:

  • Viðurkennum og fögnum hinu ófyrirsjáanlega
  • Hugsum og högum okkur með framtíðina í huga
  • Hjálpum öðrum að gera það sama

Fleiri fréttir

Fréttir
03.09.2026
Advania ALT (Advania AI Layer Technology) er ný lausn sem gerir fyrirtækjum og stofnunum kleift að nýta leiðandi gervigreindarlíkön á öruggan og ábyrgan hátt.
Fréttir
31.08.2026
Haustráðstefna Advania fer fram í 32. sinn í Hörpu fimmtudaginn 10. september 2026 þar sem gervigreind, netöryggi og nýsköpun mætast. Á dagskrá eru sautján erindi og tvær pallborðsumræður svo á svið stíga yfir 20 sérfræðingar en uppselt er á ráðstefnuna á hverju ári.
Blogg
24.08.2026
Verkada er á mikilli siglingu á íslenskum markaði, og það er engin tilviljun. Sífellt fleiri íslensk fyrirtæki og stofnanir eru að færa sig yfir í öryggislausn sem er hönnuð fyrir skýið frá grunni, uppfærist sjálfkrafa og verður snjallari með hverri uppfærslu.  En af hverju einmitt núna? Svarið liggur meðal annars á óvæntum stað: verðmiðanum á minni.
Viltu vita meira?

Tölum saman

Viltu vita meira? Sendu okkur fyrirspurn.