Responsiv webbdesign

Responsiv webbdesign (eller "RWD") är en typ av webbdesign som ger en anpassad tittarupplevelse för olika webbläsare plattformar. EN hemsida skapad med RWD visar ett annat gränssnitt beroende på vilken enhet som används för att komma åt webbplatsen. Till exempel kan en responsiv webbplats visas på ett sätt laptop, ett annat sätt på en tablettoch ännu ett sätt på smartphone.

Idag har många människor tillgång till webbplatser från mobila enheter, snarare än stationära datorer eller bärbara datorer. Medan de flesta smartphones kan visa vanliga webbplatser är innehållet svårt att läsa och ännu svårare att navigera. Därför använder många webbutvecklare nu responsiv webbdesign för att ge en bättre webbupplevelse på små skärmar.

Webbplatser designade för mobila enheter (t.ex. iOS och android telefoner), har vanligtvis en större standard teckenstorlek och förenklad navigering. Vissa webbplatser utnyttjar också pekskärmar gränssnitt, som ger stöd för svep, roterar och klämmer och zoomar. En mobiloptimerad webbplats kan också ta bort onödigt innehåll för att minska behovet av rullning. Bildrullar och andra muspekfunktioner tas ofta bort eftersom pekskärmar inte stöder en muspekare.

Det finns flera sätt att implementera responsiv webbdesign. En metod är att dynamiskt upptäcka användarens plattform (till exempel en iPad eller iPhone) och ladda specifikt html och CSS för motsvarande enhet. Ett annat alternativ är att använda mediefrågor som automatiskt laddar olika CSS-format beroende på webbläsarfönstrets storlek. Bootstrap-paketet, som innehåller flera förskrivna JavaScript och CSS-filer, baseras på mediefrågor och används ofta i responsiv webbdesign.