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

Blog für HTML5 Game Development HTML5 Game Development (Spielprogrammierung) ist das nächste große Ding, da führt gar kein Weg dran vorbei! Dummerweise kocht da grad jeder sein eigen...
WebSockets mit PHP WebSockets ist eine jener Techniken, die die Web-Welt nachhaltig revolutionieren könnten, da so Client-Server-Anwendungen recht einfach und vor allem ...
Google Font API – @font-face einfach verwenden @font-face ist eine ziemlich nette Sache die einem Cufon und schlimmeres erspart, dummerweise ist @font-face allerdings auch mit einigem Aufwand verbu...
Font Dragr – Fonts für den Einsatz im Web einfach ... Der Font Dragr ist eine ziemlich coole Sache, man kann einen beliebigen Font einfach auf eine dafür vorgesehene Fläche mittels Drag&Drop ziehen, u...

Schreibe einen Kommentar