re-up.de http://www.re-up.de web entwicklung Thu, 19 Aug 2010 14:13:42 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 FireFox Plugin: PixelZoomer http://www.re-up.de/coding/firefox-plugin-pixelzoomer/ http://www.re-up.de/coding/firefox-plugin-pixelzoomer/#comments Thu, 19 Aug 2010 09:13:10 +0000 martin http://www.re-up.de/?p=5 Weiterlesen →]]> Heute möchte ich euch ein tolles FireFox Plugin von Matthias Schütz zeigen welches umständliches vermessen von Internetseiten überflüssig macht.

Jeder Web-Entwickler, der bereits Layoutvorgaben Pixel genau umsetzen musste, weiß, wie nervtötend und Zeit intensiv es sein kann jedesmal einen Screenshot machen zu müssen um Beispielsweise Abstände zwischen zwei Elementen auszumessen.
Bisher musste ein Screenshot der Seite erstellt, dieser anschließend in ein Bildbearbeitungs Programm (GIMP, Photoshop) geladen und vermessen werden.

Dank dem Firefox Plugin PixelZoomer gehört dieser aufwendige Vorgang der Vergangenheit an.

Nach dem Download von der FireFox Erweiterungsseite, wird das Plugin in die rechte untere Ecke des Browsers integriert und kann von dort per Klick aufgerufen werden.

Anschließend öffnet sich ein Fenster welches den momentan sichtbaren Bereich der Seite beinhaltet.

Hier lässt sich nun über diverse Werkzeuge am oberen Fensterrand z.B. die Zoom Stufe verändern, damit das ausmessen der Seite einfacher wird. Oder Auch der Farbwert eines gewünschten Bereichs mit der Pipette nehmen. Und natürlich lassen sich Bereiche durch das Auswahl Werkzeug vermessen.
Die Höhe und Breite des gewählten Bereichs werden anschließend in der grauen Box oben dargestellt.

Das Plugin in der aktuellen Version könnt ihr euch hier installieren:
https://addons.mozilla.org/de/firefox/addon/116725/

Die Homepage des Autors Matthias Schütz findet ihr hier:
http://matthiasschuetz.com/pixelzoomer/de/

]]> http://www.re-up.de/coding/firefox-plugin-pixelzoomer/feed/ 0