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
17.03.2015
Þann 11. mars síðastliðinn opnaði Fræðslusetrið Starfsmennt nýjan og glæsilegan náms- og þekkingarvef.
Blogg
04.03.2015
Á CES 2015 ráðstefnunni sem haldinn var um daginn átti Dell sterka innkomu með nýju XPS 13 Ultrabook fartölvunni og hefur hún hlotið mikið lof gagnrýnenda.
Blogg
17.02.2015
Það er krefjandi að vera foreldri á tækniöld og margt sem þarf að huga að.
Blogg
11.02.2015
Við hjá Icelandic Group opnuðum á dögunum nýjan vef.
Blogg
04.02.2015
Það stefnir allt í að árið 2015 verði spennandi fyrir okkur í sýndarvélabransanum.
Blogg
28.01.2015
Það er óhætt að segja að NAV bókhaldskerfið hafi tekið stórstígum framförum undanfarin misseri. Nú er komin ný útgáfa af kerfinu, NAV 2015.
Blogg
20.01.2015
Samskiptatækni hefur þróast mikið undanfarin ár og samhliða því þurfa fyrirtæki að huga vel að því hvernig mæta má kröfuhörðum viðskiptavinum.
Blogg
14.01.2015
Í nóvember síðastliðnum fékk undirrituð ásamt tólf öðrum starfsmönnum Advania svokallaða ITIL vottun í þjónustu og rekstri upplýsingatæknilausna.
Blogg
06.01.2015
Greiningafyrirtækið Gartner hefur nýlega gefið út yfirlit yfir þá þætti sem helst munu ráða þróun upplýsingatækni á því ári sem nú er að hefjast.
Blogg
17.12.2014
Síðasta sumar opnuðum við hjá Advania tvö ný gagnaver á Reykjanesi sem eru sérstaklega hugsuð fyrir það sem á ensku kallast High Performance Computing (HPC).
Blogg
03.12.2014
Ég fékk Dell Chromebook 11 tölvu með WiFi tengingu í hendur í október til að prófa.
Blogg
25.11.2014
Stjórnendum fannst oft erfitt að hafa skýra yfirsýn yfir viðveru starfsmanna en með tilkomu Vinnustundar er einfalt að kalla fram lykilupplýsingar.
Viltu vita meira?

Tölum saman

Viltu vita meira? Sendu okkur fyrirspurn.