Zehn Mal besser surfen für Entwickler

Platz 8: Window Resizer für Chrome

Entwicklungen wie HTML5 oder zuvor CSS sorgen letztendlich dafür, dass sich Entwickler immer weniger Gedanken darum machen müssen, wie eine Website auf verschiedenen Geräten wohl aussehen mag. Browser passen die Optik auf Tablets, Smartphones oder klassischen Displays automatisch an ("Responsive Design"). Dennoch möchten Web-Designer die Auswirkungen ihres Designs auf möglicherweise kleineren Anzeigen einmal selbst in Augenschein nehmen. Der Window Resizer von Ionut Botzian für Chrome erweitert den Google Browser um eine Schaltfläche, die den schnellen Wechsel erlaubt, ohne selbst das Fenster in den Dimensionen anpassen zu müssen.

Alle klassischen Größen wie 320x480, 480x800, 640x960, 768x1280, 1024x768, 1366x768,1280x800, 1366x768, 1280x1024 und 1680x1050 liefert das kostenlose Add-on von Haus aus mit. Eigene Dimensionseinstellungen mit verschiedenen Piktogrammen, Ausrichtungen auf dem Bildschirm, unterschiedliche Hotkeys und Im- und Export der Einstellungen bietet das kleine Programm ebenfalls.

Fazit: Einfacher geht es wirklich nicht. Ein Mausklick und das Chrome-Fenster wird in der gewünschten Auflösung dargestellt.

Platz 7: Screen Ruler für Chrome

Wie groß ist ein Element auf dem Bildschirm? Um diese Frage auch ohne mit dem Zentimetermaß am Monitor zu hantieren, beantworten zu können, hat Chris Thelwell ein kleines Add-on für Chrome entwickelt. "Ruul" bietet verschiedene virtuelle Zollstöcke in Pixel, Inch und Zentimeter und erlaubt deren freie Positionierung auf dem Bildschirm. Die ermittelten Dimensionswerte kann der Webentwickler auch manuell eintippen und sieht die entsprechende Veränderung auf dem Monitor.

Fazit: Ein äußerst praktischer kleiner Helfer. Das Add-on macht nicht viel Aufsehen, sondern erledigt ganz schlicht die gestellte Aufgabe.