Inhaltsverzeichnis:
- Definition - Was bedeutet Responsive Web Design (RWD)?
- Techopedia erklärt Responsive Web Design (RWD)
Definition - Was bedeutet Responsive Web Design (RWD)?
Responsive Web Design (RWD) ist ein Ansatz in der Webentwicklung und -gestaltung, der darauf abzielt, Websites zu erstellen, die eine effiziente und ansprechende visuelle Erfahrung mit Text bieten, der einfach zu navigieren ist, ohne die Auflösung eines Bildschirms zu ändern.
Diese Funktion gilt für alle Geräte oder Browser, die zum Anzeigen einer Website verwendet werden. Dies bedeutet, dass sich das Erscheinungsbild und Layout der Website je nach Größe des Anzeigebildschirms ändert.
Techopedia erklärt Responsive Web Design (RWD)
RWD wird verwendet, um das Layout einer Website über flüssige und anteilsbasierte Raster, flexible Bilder sowie intelligente CSS- und Skriptverwendung an die Anzeigeumgebung eines Benutzers anzupassen.
RWD verwendet die folgenden Methoden:
- Fluidraster, bei denen die Größe von Elementen mithilfe von relativen Einheiten wie Prozentsätzen im Vergleich zu absoluten Einheiten wie Standardmaßen und Pixeln geändert wird
- Flexible Bilder, deren Größe auch in relativen Einheiten angegeben wird
- CSS-Medienabfragen (Cascading Style Sheet), mit denen eine Website den Gerätetyp, die Bildschirmgröße und die Browserfunktionen bestimmen kann, um basierend auf diesen Merkmalen verschiedene Stilregeln bereitzustellen
- Serverseitige Komponenten mit Medienabfragen, die ein schnelleres Laden von Websites ermöglichen - auch bei langsameren Datengeschwindigkeiten
