16.022015

Web-Tools um responsive Webdesigns zu testen

Nichts ersetzt das Testen mit echten Devices, jedoch sind Simulationen verschiedener Auflösungen beim Nachoptimieren oder Entwerfen und Coden einer responsiven Webseite zunächst sehr hilfreich. Neben dem Testen verschiedener Auflösungen im Browser, hat die Verwendung der folgenden Web-Tools individuelle Vorteile:

Ish

ish-screenshot

Ish ist ein "Browser Resizer". Man gibt die URL einer Website ein und kann zwischen verschiedenen Größen wählen, woraufhin die Breite der Website-Darstellung angepasst wird. Das eigentlich Highlight von Ish ist allerdings der "DISCO" und "HAY!" Modus.
Diese helfen Websites einem schnellen responsive Stresstest zu unterziehen, in dem zufällige Breiten durchfahren werden.

 

Am I Responsive ?

amiresponsive-screenshot

Ähnlich wie bei Ish, gibt man bei Am I Responsive lediglich die URL einer Website ein. Neben der optisch schönen Präsentation der Website in verschiedenen Devices, die sich toll für Screenshots eignet, bietet Ish den Nutzen einen schnellen Blick auf Durchschnitts Auflösungen zu bekommen und diese Darstellung auf diesen miteinander zu vergleichen.