Webseiten ausmessen mit MeasureIt dem Firefox Lineal

measureit logoWer auch im Desginbereich hin und wieder Hand anlegt kann dieses Firefox Plugin sicher prima gebrauchen, wenn er es noch nicht hat:

Pixel ausmessen mit Webseitenlineal Plugin für Firefox

Mit Measure It lassen sich über jede angezeigte Webseite Flächen mit Abstandskala zeichnen und verschieben. Daneben werden die genauen Maße in Pixel angegeben.

measureit demo 150x150

MeasureIt Demonstration

Webseiten Lineal nutzen

Das kostenlose Webseitenlineal wird laufend erweitert und kann im Moment mit folgenden Features beim Ausmessen helfen:

  1. Mit Klick auf das Logo measureit icon in der Statusleiste aktiviert oder deaktiviert man das Webdesign Tool
  2. Mit gedrückter Maustaste zeichnet man ein Lineal über die Webseite
  3. Mit gedrückter Maustaste lässt sich der gezeichnete Messbereich frei verschieben
  4. Steuerung (STRG) und die Pfeiltasten verschieben den Auswahlbereich um 1 Pixel
  5. STRG + Umschalttaste (SHIFT) gedrückt halten um mit den Pfeiltasten die Auswahl in 5-Pixel-Schritten zu verschieben
  6. Den Auswahlbereich entfernt man mit Klick in eine freie Fläche auf dem Bildschirm oder bei Klick auf das X neben dem gezeichneten Messbereich
  7. MeasureIt lässt sich auch mit der Escape (ESC) Taste wieder schließen

Browser Lineal Download

MeasureIt Brwoser Lineal lässt sich kostenlosen auf der Plugin-Homepage und bei Mozilla herunterladen.

Ich nutze das Plugin hauptsächlich wenn ich Grafiken ersetzen will. Um ihre Größe herauszubekommen müsste ich sie erst herunterladen und im Ordner ansehen. Mit MeasureIt messe ich dagegen nur kurz nach. Das mag ich wesentlich lieber. Die versprochenen neuen Features klingen ja richtig toll. Mehrere Lineale gleichzeitig zeichnen zu können wäre zum Beispiel besonders hilfreich.

Gibt es noch andere gute Lineale für Firefox oder Kombi-Tools für Webdesigner?

GD Star Rating
loading...
Webseiten ausmessen mit MeasureIt dem Firefox Lineal, 5.0 out of 5 based on 1 rating

Mehr dazu:

  1. Firefox SEO Plugin Search Status
  2. Verschiedene IE Versionen nebeneinander installieren
  3. Browser Switch IE-Tab Firefox Addon ermöglicht Browserwechsel
  4. Yahoo! SiteExplorer Alternative als Firefox Plugin


  1. 5 Antworten - Was meinst Du?
  2. Gravatar von Schnoop

    PixelPerfect in Kombination mit FireBug! Unverzichtbar

    https://addons.mozilla.org/de/firefox/addon/7943

    GD Star Rating
    loading...

    Schnoop (1 comments), 17. Feb 2009

  3. Gravatar von Thomas Arbs

    Hmm, klingt wie ein nützliches Werkzeug. Aber habe ich bei deinem Anwendungsbeispiel was übersehen, oder liefert Firefox mit Rechtsklick/Eigenschaften nicht die Grafik-Eigenschaften einschl. Abmessungen? Das geht immer noch mindestens so schnell wie ein Lineal aufzurufen, und: wer mißt, mißt Mist…

    GD Star Rating
    loading...

    Thomas Arbs (2 comments), 2. Mrz 2009

  4. Gravatar von Seouxindianer

    Stimmt, Thomas und wer die Web Developer Toolbar nutzt hat dort ebenfalls schon ein hervorrgaendes Webseiten Lineal integriert. Das zeigt nicht nur die Größe in Pixeln an, sondern auch die absolute Position auf dem Screen (= Bildschirm). Nützlich sind die beiden Mess-Tools für Firefox dennoch, denn Abstände und die Größe von Flash-Elementen oder JavaScript Navigationen lassen sich nur so bestimmen.

    GD Star Rating
    loading...

    Seouxindianer (54 comments), 2. Mrz 2009

  5. Gravatar von designiac

    Als “Measure It” finde ich für Webdesigner eher nicht so nützlich. “Web Devoler”-Firefox Plugin ist das beste und im Grunde einzige was man braucht. Da ist alles drin und noch mehr!

    Das erwähnte “Firebug” vielleicht noch für die Fehlersuche – wird von vielen auch als das wichtigste erachtet. Ich favorisiere allerdings “Web Developer” und nutze Firebug eingentlich garnicht.
    Für manche ist “YSlow” noch interessant “Aarvark”. Ich rede jetzt nur von Firefox-Plugins. Bei anderen Browser kenn ich mich nicht mehr so aus.

    Ach, ein richtig gutes ist noch “CSSViewer”. Damit kann man auch sehr viel von fremden Seiten und deren Aufbau lernen. Empfehle ich hier mal ganz doll!

    GD Star Rating
    loading...

    designiac (2 comments), 4. Jun 2009

  6. Gravatar von Das Geographie-Quiz

    Tja, um die Größe von eingebundenen Grafiken herauszufinden, genügt doch eigentlich ein Rechtsklick und die Wahl von “Eigenschaften” im Kontextmenü. So ganz ohne Plugins etc. … ansonsten finde ich Firebug an dieser Stelle einfach unverzichtbar, weil man damit gleich die src-Attribute von img-Elementen manipulieren kann und gleich die Änderung ohne Reload sieht.

    Marek

    GD Star Rating
    loading...

    Das Geographie-Quiz (4 comments), 3. Aug 2009

Kommentar schreiben

* = erforderlich

Markiert: , , , , ,

Review http://seouxindianer.de/blog/ on alexa.com