TYPO3 Support Logo

Responsive Design

Automatische Anpassung der Internetseite an die Bildschirmgröße

Beim Responsive Design handelt es sich um eine Art der Website Layoutgestaltung die eine Anpassung der dargestellten Webseite an bestimmte Gegebenheiten (Browsergröße, Bildschirmauflösung, Seitenverhältnis, ...) vornimmt.

Kurz gesagt, eine responsive Website soll dem User auf seinem Smartphone genauso alle Informationen auf einfachste Art und Weise darstellen wie auf einem Desktop Gerät. Im Bereich der Suchmaschinenoptimierung ist der Einsatz der Responsive Design Technik nicht mehr wegzudenken, da Google hier sehr genau prüft wie benutzerfreundlich die ausgeliefert Webseite auf unterschiedlichen Geräten ist. Mobile first.

Bei der Programmierung wird hier oft auf vorhandene Frameworks (Twitter Bootstrap, Foundation, ...) zurückgegriffen, da hier ein Großteil der für ein Responsive Design notwendigen Punkte schon abgedeckt sind.

  • Automatische Anpassung der Spaltendarstellung (z.B.: werden auf kleineren Bildschirmen die Spalten untereinander angezeigt)
  • Stufenweise Skalierung der eingesetzen Schriftart, damit diese auch am Smartphone deutlich zu lesen ist oder nicht zu groß dargestellt wird
  • uvm.
Zurück