Responsive Webseite

Wie geht responsives Webdesign?

Diese Seite zeigt beispielhaft, wie sich ein responsives Seiten-Layout bei Veränderung der Viewport-Größe verhält.

Dieses TYPO3 Sitepackage kombiniert die Vorteile adaptiver und responsiver Layoutgestaltung, um immer die optimale Ansicht für jeden Darstellungsfall auszuliefern.

Bei einem responsiven Layout, wird die Anzeige der Inhalte immer auf die totale Displaybreite ausgeweitet, ohne das seitliche Ränder entstehen.

Das geschieht bei allen Viewports, was die Ansicht auf mobilen Endgeräten (Handy) und Tablet, sowie Desktop Monitoren und weiteren abdeckt.

Übersicht

Seitenlayout Varianten

Alles fließend

Kopf- und Inhaltsbereich des Seitenlayouts passt sich responsive dem Viewport an

Seitenkopf fließend

Inhalte im Kopfbereich des Seitenlayouts passen sich responsive dem Endgeräte an

Seiteninhalt fließend

Nur der Inhaltsbereich des Seitenlayouts passt sich flexibel der Größe des Browserfensters an

Responsive Webdesign

Ein Design für alle Fälle

Responsives Webdesign oder kurz RWD genannt, ist aus dem englischen responsive ‚reagierend'.

Responsive Design

Reagierendes Webdesign

Ein Webdesign für mobile Endgeräte wie Smartphones oder Tablet-Computer und Desktop PC.

Responsive Layout

Mobile Web Traffic

Dieser macht bereits mehr als 50% aus. Layout, Typografie und Medien sollten dafür gerüstet sein.