Responsive Webdesign online testen

Link zum Tool: Responsive Design Testing

Quelle: mattkersley.com

Matt Kersley, Webdesigner und -entwickler aus Peterborough (Großbritannien), hat ein Online-Tool programmiert, mit dem auf die Schnelle getestet werden kann, wie eine beliebige Website mit unterschiedlichen Bildschirmgrößen dargestellt wird. Einfach die Adresse mattkersley.com/responsive/ aufrufen und die Adresse des eigenen Projekts eingeben – schon spuckt das Tool die gewünschte Website in den unterschiedlichsten Auflösungen aus.

Dabei kann ausgewählt werden, ob nur unterschiedliche Breiten dargestellt werden sollen (240, 320, 480 Pixel usw.) oder ob gängige Geräteauflösungen als Basis dienen (240×320, 320×480, 480×640 Pixel usw.). Maximale Testbreite ist derzeit 1024 Pixel, was allerdings verschmerzbar ist, da die meisten Webdesigner und -entwickler selbst wohl vor Displays mit einer wesentlich höheren Auflösung sitzen und alles über 1024 Pixel sehr komfortabel am eigenen Display testen können. Für Entwickler, die Wert auf Responsive Webdesign legen, ist dieses Tool jedenfalls sehr zu empfehlen, zumal es sich bei der Ausgabe des Tools nicht um Screenshots, sondern um funktionsfähige Website-Versionen handelt. Danke, Matt!

Zum Thema: Responsive Webdesign verständlich erklärt

Responsive Webdesign verständlich erklärt

Link zum Artikel: Responsive Web Design

Quelle: marctv.de

Der Smartphone-Boom und bezahlbare Datenflats fürs Handy machen’s möglich: Immer mehr Internetnutzer surfen statt mit Computer oder Laptop lieber mit ihrem „mobilen Endgerät“ durchs World Wide Web. Das ist nicht immer einfach, denn viele Webseiten sind für die Ausgabe auf mobilen Endgeräten nicht vorbereitet. Für den Smartphone-Nutzer bedeutet dies: Er muss ständig zoomen und scrollen, um sich den Inhalt einer Website mühsam zu erschließen. Dabei existieren längst Techniken, die eine Website für die Ausgabe auf den unterschiedlichsten Endgeräten optimieren – nicht nur für die Ausgabe auf einem Smartphone.

Responsive Webdesign“ heißt die Zauberformel, und sie zählt nicht ohne Grund zu den wichtigsten Webdesign-Trends des Jahres 2012. Mit Responsive Webdesign werden Websites fit gemacht für die unterschiedlichsten Displaygrößen und -auflösungen. Ziel ist es, dem Nutzer immer eine optimierte Darstellung zu liefern, egal mit welchem Endgerät er die Website gerade besucht. Eine allgemein verständliche Einführung in das Thema bietet der Artikel „Responsive Web Design“ von Marc Tönsing, einem Web-Entwickler aus Hamburg.