Designa för webb och surfplattor - responsiv design

• April 29, 2024

Termen Responsive har varit i framkant ett tag men vad betyder det egentligen? Internet har förändrats mycket under åren, från en mestadels textbaserad plattform till en interaktiv, engagerande, multimedia och miljö med flera enheter.

Webbsidor har ändrats under det senaste decenniet för att återspegla förbättringarna på Internet och enheterna vi använder för att se det. På tal om enheter har vi flera typer att välja mellan, inklusive datorer, minidatorer, surfplattor och smartphones. När antalet enheter och deras variationer ökar blir ett problem uppenbart. Varje enhet och varje variant av en enhet har sin egen skärmstorlek.

När vi bara var tvungna att designa webbplatser för stationära och bärbara datorer, var vår viktigaste övervägning hur vi kan försäkra att webbsidan visade samma oavsett dator eller webbläsare. Svaret var att utforma för de bästa webbläsarna och de vanligaste skärmupplösningarna. Det fungerade under en kort tid. Ett annat problem blev uppenbart eftersom dessa parametrar fortsatte att förändras. Skärmstorleken för min första dator var 800 x 600 och jag älskade den ändå. Sedan blev 1024 x 800 normen. Nu har datorerna blivit 27 tum och större. Så målupplösningen för en webbplats fortsatte att ändras.

Precis när vi började njuta av att designa för dessa större skärmar ökade populariteten för smarttelefonen och surfplattan kraftigt med sina coola appar men mindre skärmar. I själva verket förutsägs det att smartphones och tabeller kommer att användas oftare än datorer för att visa webben på bara några år. Först fanns det bara ett fåtal mobila enheter. Så vi började designa både en huvudwebbplats för datoranvändaren och en andra webbplats för mobilanvändaren. Men detta löste inte problemet helt, eftersom vi fortfarande designade för layouter med fast bredd.

Nu kan du inte anta vilken enhet tittaren kommer att använda för att visa din webbplats. Så att designa för vissa fasta skärmstorlekar är inte längre det bästa svaret på problemet. Vad vi behöver är ett sätt att bestämma användarens skärmstorlek på enheten och visa webbsidan i enlighet därmed. Därför är responsiv webbdesign, som använder CSS för att bestämma skärmbredden och för att visa en webbsida på olika sätt efter behov. Detta gör att vi bara kan ha en webbplats som omvandlas till flera versioner efter behov.

Video Instruktioner: Ockelbo Webbdesign - Dags för ny hemsida? (April 2024).