CSS-Eigenschaften plattformübergreifend visualisieren

Von am 2. Januar 2010 in Browser, Webdesign

Wer Informationen über den DOM-Zweig eines CSS-Elementes sucht, kann nicht immer auf Firebug zurückgreifen. Insbesondere auf betagteren Systemen bzw. mobilen Lösungen kann der zusätzliche Ressourcenverbrauch des Firefox-Plugins als störend empfunden werden. Eine Lösung für diese Zielgruppe kann das Javascriptbookmarklet XRAY sein. Es wird einfach als Lesezeichen abgespeichert und bei bedarf aktiviert. Ein kleines Fenster erscheint, und jetzt kann ein beliebiges Element mit einem Mausklick ausgewählt werden. In dem Fenster werden sodann alle relevanten Informationen zum CSS-Element wie Selektoren, Abstände oder Position angezeigt. Zusätzlich wird am Element selbst die tatsächliche Größe Pixeln sichtbar. XRAY funktioniert in allen gängigen Browsern (Firefox, Internet Explorer, Safari) mit Ausnahme von Opera.

Über Jens Kilgenstein

Ich bin seit über zehn Jahren im Bereich Webdesign tätig und betreue seitdem kleine und große Kunden bei der Konzeption und Umsetzung von Webprojekten. → Zum Profil

, , ,

Ebenfalls Lesenswert:

Bisher keine Kommentare.

Hinterlasse eine Antwort