Responsiv webbdesign, även kallat RWD, är i dag ett hett ord på alla webbutvecklares läppar. Att automatiskt anpassa layouten på en webbsida efter vilken enhet eller plattform besökaren använder har visat sig vara ett framgångsrecept som gett fler besökare.
Det mobila surfandet har ökat kraftigt de senaste åren. Trenderna pekar på att det inte dröjer länge innan mer webbtrafik sker via mobila enheter (smartphone, pek- och läsplattor) än via datorer.
De här besökarna accepterar inte en nedbantad mobilversion av din sajt. De accepterar inte heller en version anpassad för datorn, där de hela tiden måste zooma in och ut. Besökarna vill kunna använda webbsidan fullt ut, utan att behöva plocka fram datorn.
Vad är Responsive webbdesign
Responsive webbdesign innebär att webbutvecklaren bygger och designar en webbplats där layouten förändras beroende på besökarens skärmupplösning. Webbplatsens besökare kan till exempel surfa till sajten med surfplatta, smartphone eller dator. Innehållet anpassas efter besökarens skärmupplösning och webbläsare.
Webbutveckling med responsive webbdesign är ett alternativ till att bygga specialanpassade webbplatser för samtliga skärmupplösningar.
Med responsiv webbdesign laddas samma HTML- och CSS-filer oavsett vilken enhet besökaren har. Besökaren får alltid samma innehåll. Webbutvecklaren slipper ta fram olika versioner av sajten för olika skärmstorlekar på mobiltelefoner, surfplattor, laptops och bredbildsskärmar för datorer. Det mesta som appar utvecklas för i dag går att åstadkomma med en responsiv webbsida.
Webbappar vs appar
De senaste åren har det varit väldigt mycket fokus på appar och apputveckling. Mycket av företagens och organisationernas IT-resurser har gått till att utveckla appar. Med responsiv webbdesign blir apputvecklingen i många fall onödig, eftersom en responsiv webbsida klarar det mesta som appar utvecklas för i dag.
Den stora skillnaden mellan en app från någon av appbutikerna och en webbapp är att webbappen kan vara plattformsoberoende och köras i webbläsaren.
Att vidareutveckla en mobilanpassad sida till en webbapp är betydligt enklare och billigare än att skapa appar anpassade efter specifika system.
För användaren kan en webbapp laddas ner direkt från tillverkaren och till synes fungera precis som en app från en appbutik.
Startar du ett nytt webbutvecklingsprojekt i dag är responsiv webbdesign ett av de viktigare kraven att ha med i kravspecifikationen.
Bra information rörande responsive web design:
- Responsive Web Design by Ethan Marcotte
- Media Queries, exempel på responsive web design webbsidor
