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

Blogg
20.01.2016
Nýtt myndband um álagsárásir, afleiðingar þeirra og hvernig fyrirtæki og stofnanir geta varið tölvukerfi sín fyrir þeim
Blogg
15.01.2016
Ölgjörvi er vel humlað fölöl, þróað af tveimur meðlimum bjórklúbbs Advania, og bruggað af Gæðingi í Skagafirði.
Blogg
30.12.2015
Árið 2015 var sannarlega viðburðarríkt fyrir bæði okkur hér hjá Advania og hjá viðskiptavinum okkar.
Blogg
16.12.2015
Convergence ráðstefna Microsoft var að þessu sinni haldin í Barcelona um síðustu mánaðamót.
Blogg
09.12.2015
Nokkur hollráð um hvernig bæta má þjónustu fyrirtækja.
Blogg
02.12.2015
Haustið 2013 var ákveðið að SAk skyldi sækja um alþjóðlega vottun.
Blogg
18.11.2015
LiSA vefumsjónarkerfið hefur verið í stöðugri þróun frá árinu 1997 og er núverandi kerfi í sjöttu útgáfu.
Blogg
11.11.2015
Atvinnulífið hefur nú fengið í hendurnar álíka öflugan miðil og Facebook til að halda utan um samskipti, vinskap og verkefni á vinnustöðum.
Blogg
03.11.2015
Team Spark tekur þátt í hinni alþjóðlegu Formula Student mótaröð.
Blogg
28.10.2015
Með nýrri útgáfu af Microsoft Dynamics NAV renna upp nýir tímar fyrir þá fjölmörgu aðila sem nýta sér þetta öfluga viðskiptakerfi
Blogg
21.10.2015
Á dögunum tilkynntu forstjórarar Dell Inc. og EMC Inc.um samruna þessara tveggja fyrirtækja.
Blogg
14.10.2015
Dómur Evrópudómstólsins um ákvörðun um „öruggar hafnir“ útskýrður.
Viltu vita meira?

Tölum saman

Viltu vita meira? Sendu okkur fyrirspurn.