Responsive Webdesign ist in aller Munde. Wer heute eine Homepage entwickeln läßt erwartet, dass diese auf verschiedenen Devices gut aussieht und eine angepasste Usability bietet. Auch wer selbst an seiner Homepage bastelt, wird in Betracht ziehen Responsive Design einzusetzen. Dabei stößt man vor allem auf ein Problem: Wie testet man sein Responsive Webdesign für verschiedene Devices – vor allem wenn man nicht eine ganze Palette an Tabletts, Smartphones, Notebooks und Co sein eigen nennt. Glücklicherweise gibt es einige Tools zum Testen von Responsive Web Design. Sie sind zu unterscheiden zwischen Online-Tools, Browser-Erweiterungen und Bookmarklets. Online Tools zum Testen von Responsive Webdesign Am I Responsive ist ein Online-Tool von Justin Avery. Man gibt einfach eine URL an und bekommt sein Layout in vier Größen angezeigt: 1600 x 992 Pixel, 1280 x 802 Pixel, 768 x 1024 Pixel und 320 x 480 Pixel. Die Devices im Apple-Stil können auf dem Bildschirm verschoben werden. Leider ist die Anzeige sehr klein und eignet sich daher nicht für einen wirklichen Test, verschafft aber immerhin einen ersten Eindruck. Schön bei “Am I Responsive” ist, dass als URL auch localhost genutzt werden kann und man so auch die eigene Entwicklungsumgebung nutzen kann. Ein weiteres Online-Tool, das nach dem gleichen Prinzip – URL eingeben und Webseite in verschiedenen Auflösungen betrachten ist Deviceponsive von Javier Rivera. Hier ist die Darstellung größer und so lassen sich mehr Details erkennen. Weitere Onlinetools sind das Online-Test-Tool von Matt Kersley, das Demonstrating Responsive Design Tool von Jamie Reynolds, responsivepx von Remy Sharp, ResizeMyBrowser […]
↧