Wer auch im Desginbereich hin und wieder Hand anlegt kann dieses Firefox Plugin sicher prima gebrauchen, wenn er es noch nicht hat:
MeasureIt – Firefox Lineal
zum Webseiten ausmessen
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 Demonstration
Webseiten Lineal nutzen
Das kostenlose Webseitenlineal wird laufend erweitert und kann im Moment mit folgenden Features beim Ausmessen helfen:
- Mit Klick auf das Logo
in der Statusleiste aktiviert oder deaktiviert man das Webdesign Tool - Mit gedrückter Maustaste zeichnet man ein Lineal über die Webseite
- Mit gedrückter Maustaste lässt sich der gezeichnete Messbereich frei verschieben
- Steuerung (STRG) und die Pfeiltasten verschieben den Auswahlbereich um 1 Pixel
- STRG + Umschalttaste (SHIFT) gedrückt halten um mit den Pfeiltasten die Auswahl in 5-Pixel-Schritten zu verschieben
- Den Auswahlbereich entfernt man mit Klick in eine freie Fläche auf dem Bildschirm oder bei Klick auf das X neben dem gezeichneten Messbereich
- 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?
Weitere Informationen:
- Firefox SEO Plugin Search Status
SearchStatus ist eines meiner Lieblings Firefox Plugins und hilft bei der täglichen Arbeit als SEO mit zahlreichen Funktionen und einer anpassbaren Toolbar.... - Verschiedene IE Versionen nebeneinander installieren
Um mehrere also verschiedene Internet Explorer Versionen zu installieren und nebeneinander laufen zu lassen stelle ich das Tool Internet Explorer Collection vor.... - Browser Switch IE-Tab Firefox Addon ermöglicht Browserwechsel
Mit dem Firefox Browser Switch IE-Tab ist ein Browserwechsel zum Beispiel zum Internet Explorer mit nur einem Mausklick möglich. Webdesigner können den Browser zur Design... - Ladezeit verringert durch Redesign
Um die Ladezeiten des SEO Blogs zu reduzieren habe ich Javascript entfernt und ein neues Blog Design installiert. Wie ich Ladezeiten verringert habe durch ein...
PixelPerfect in Kombination mit FireBug! Unverzichtbar
https://addons.mozilla.org/de/firefox/addon/7943
Schnoop (1 comments), 17. Feb 2009
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…
Thomas Arbs (2 comments), 2. Mrz 2009
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.
Seouxindianer (54 comments), 2. Mrz 2009
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!
designiac (2 comments), 4. Jun 2009
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
Das Geographie-Quiz (4 comments), 3. Aug 2009