Respsonsive Design Testing Tool Screenqueri.es

Das man heutzutage ein neues Design responsive aufbauen sollte lässt sich wohl nicht mehr weg diskutieren, wie es vielleicht vor einem Jahr noch möglich gewesen wäre. Vor allem wenn man sie die geplanten Entwicklungszahlen für Tablets anschaut. Als Webworker steht man hier allerdings vor einem netten Problem, entweder man hält jede Menge Devices vor, oder man gibt sich in die Hände eines Test-Tools, das die einzelnen Media-Queries emuliert.

Webworking auf dem iPad – Mangels responsive auch kein Win! ;)

Mit Sreenqueri.es kann man die einzelnen Geräte mittels Dropdown auswählen und sich das Resultat im Browser anschauen, lustigerweise klappt das sogar für http://localhost. Da mein Blog (noch) über kein Responsive Design verfügt, sind die Resultate eher ernüchternd. Das einzige was es hier gibt es WPTouch, bei dem ich überlege ob ich der Einfachheit halber einfach auf die Pro-Version wechsle, um auch was für Tablets zu besitzen. Ich würde das jetzige Design nicht auf Respsonsive umbauen wollen, sondern dann würde ich komplett relaunchen, oder auf ein Template von Elmastudio zurückgreifen.

Denkt also immer an die mobilen Geräte, ein Design fest auf 1200px zu setzen macht man nicht mehr, das ist nicht gut und bringt nur Probleme! Verwendet die entsprechenden Responsive Frameworks und testet die Sachen vor allem durch, ihr könnt davon ausgehen das Kunden sehr viel Spass damit haben, eure Arbeit auf jedem Endgerät zu überprüfen! ;)

Ähnliche Beiträge

Heatmap mit dem HTML5 Canvas Element Heatmaps sind sinnvolle kleine Helferlein bei der Analyse einer Webpage. Ich habe schon darüber berichtet wie man mit der Open Source Clickheat eine f...
HTML5Rocks – HTML5 und CSS3 von Google Mit HTML5Rocks beglückt uns Google mit einer Art eierlegenden Wollmilchsau für HTML5 & CSS3, der man eine Rosa-Google-Brille angezogen hat. Die Se...
HTML5 & CSS3 – Was funktioniert in welc... HTML5 und CSS3 nähert sich in großen Schritten, und spätestens dann wird sich im Bereich der Webentwickler die Spreu vom Weizen trennen, da beides ebe...
CSS3 Fähigkeiten einfach mal Testen CSS3 und HTML5 sind cool, zeichnen sich aber auch dadurch aus das nicht jeder Browser alles, und auch nicht gleich unterstützt. Bei CSS3 ist dies fast...

Schreibe einen Kommentar