Responsive Webdesigns testen

responsive-web-design-tester-2

Ich habe in der Vergangenheit bereits über verschiedene Tools geschrieben mit denen Ihr die Darstellung einer Website auf verschiedenen Endgeräten simulieren könnt. Nun möchte ich euch ein weiteres Tool für diesen Zweck vorstellen - es ist immer schön Alternativen zu kennen. Der Responsive Design Tester simuliert verschiedene Viewports und zeigt die mittels CSS3 Media Queries optimierten Layouts parallel an.

Modernes Webdesign

Neue Workflows, Techniken und Designideen – inkl. Rapid Prototyping, Responsive Design und Sass.

In unserem Shop kaufen
Signierte DVD, keine Versandkosten

Bei Amazon bestellen
Standard-Version

Mir gefällt die Darstellung besonders gut, alle relevanten Größen (inkl. der Landscape-Ansicht des iPad) werden auf einmal gezeigt und können gleichzeitig betrachtet und bewertet werden. Es sei allerdings erwähnt, dass auch dieses Tool nicht die geräteabhängigen Einstellungen berücksichtigt oder den User-Agent abfragt. Es wird lediglich der Viewport simuliert. Für eine professionelle Lösung kommt allerdings in der fortgeschrittenen Testphase eh immer nur ein echtes Testgerät in Frage. Das gilt sowohl für Browser als auch für mobile Endgeräte.

Responsive Design Tester

Weitere ähnliche Tools habe ich bereits vorgestellt: