Bra tekniska lösningar för publicering för mobila enheter

Nyckeln till kostnadseffektiva projekt stavas CSS, Cascading Style Sheets. På svenska brukar det även kallas stilmall. CSS är ett språk som beskriver utformningen av designen som till exempel typsnitt, textstorlek och färg. Tekniken medför flexibla lösningar som ger möjligheten att anpassa ett dokument med hänsyn till datortyp, skärmupplösning, färgdjup och installerade typsnitt.

responsiv designMed särskilda regler i webbplatsens stilmall  kan man dynamiskt anpassa sidans layout, det kallas responsiv webbdesign eller anpassningsbar webdesign. Responsiv innebär att man bygger en hemsida som automatiskt anpassar sig efter besökarens skärmupplösning. Numera när besökare surfar både i datorn, mobilen och på surfplattan är det extra viktigt att sidan fungerar, är lätt att navigera och att man enkelt hittar den information man är ute efter oavsett vilken enhet man använder för att ge en bra besöksupplevelse.

Genom att använda relativa värden, vilket innebär att man istället för fasta pixlar anger relativa procent anpassas utseendet dynamiskt efter bredden på webbläsaren. Man bestämmer också så kallade ”brytpunkter” vilket innebär att innehållet på skärmen omplacerar sig när utrymmet krymper. Till exempel kan tre kolumner i bredd ändra läge och bli till en enda lång kolumn, bilder som inte är så betydande kan döljas och knappar förstoras för att göra det lättare att använda fingret på mobilskärmen.

Responsiv design är utan tvekan framtiden när det gäller att nå ut på webben. Redan nu upplever många som vänder sig till slutkonsument att närmre hälften av trafiken använder sig av mobila enheter.