Spezialtipp für das FireFox AddOn Colorzilla
Wie ich letztens feststellen konnte bietet dieses AddOn einige Einstellmöglichkeiten die ebenfalls recht nützlich im Umgang mit Templates und der CSS-Datei sein könnten.
Man kann selber einstellen was so alles an Informationen in der Statuszeile auftauchen soll und so dieses AddOn für den größtmöglichen persönlichen Nutzen optimieren.
Nach der Installation findet man unten links in der Statuszeile ein kleines Icon, beim draufklicken wird das AddOn eingeschaltet und jede Tabellenzelle über die man dann mit der Maus fährt bekommt einen dünnen roten Rahmen verpasst um besser sichtbar zu machen welcher Bereich nun genau angesprochen ist. Zeitgleich werden unten in der Statuszeile weitere Informationen über die gerade umrahmte Tabellenzelle angezeigt, unter anderem mit welchen Classes (zB. aus der CSS-Datei) diese Zelle verknüpft ist.
Im Normalfall wird soweit ich das erkennen konnte nur die letzte angesprochene Class angezeigt aber keine weiteren Abhängigkeiten. Das kann man ändern.....
Ein Rechtsklick auf besagtes Icon bringt ein Popup-Menü auf den Bildschirm in dem weitere recht nützliche Dinge aufrufbar sind. Für unseren speziellen Fall, mehr Informationen über den Tabelleninhalt zu bekommen, benötigen wir den Menüpunkt
Optionen und dort dann den Menüpunkt
Statusleistenformat.
Dieser Menüpunkt bringt eine selbsterklärende Möglichkeit ins Spiel die Dinge in der Statuszeile anzeigen zu lassen die man wohl am meisten nutzt.
Meine Einstellung sieht folgendermaßen aus:
%rgb% | %hex% | %element% | %dom-path% | %url-file%
Wie man sieht liegt mir viel daran mir einen schnellen Überblick über Farbwerte, Verknüpfungen und Pfade verschaffen zu können, andere User legen vielleicht mehr Wert auf andere Angaben.....
Man Sollte nicht alles anzeigen lassen weil meiner Erfahrung nach zu viele Angaben dazu führen können das wichtige Informationen in der Statuszeile aus Platzmangel nicht mehr angezeigt werden könnten.
Weitere Informationen sollten sich direkt auf der HP des Herstellers dieses AddOns zu beschaffen sein.
Weitere Tipps zu ColorZilla - der Rechtsklick!
Dieses Tool wird ein immer größerer Favorit für mich je länger und intensiver ich damit arbeite. Die Feinheiten erschliessen sich naturgemäß immer erst nach einer gewissen Einarbeitungszeit, speziell wenn man zu faul ist auf der Seite der Entwickler mal genauer zu lesen......
Eine für das Forendesign unglaublich nützliche Funktion bietet
ColorZilla wenn man seine erweiterten Möglichkeiten über einen
Rechtsklick (irgendwo in die Seite!) entdeckt hat.
Tätigt man diesen Rechtsklick bekommt man ein Popup-Menü präsentiert und im unteren Bereich findet sich der Menüpunkt "
ColorZilla", unter diesem Menüpunkt verbergen sich weitere erstaunlich nützliche Funktionen für das Webdesign.
Die Menüpunkte im einzelnen:
1. Colorpicker - Ein Farbauswahlsystem das die online-Angebote bei den diversen hier im Board verlinkten Farbhelfern praktisch überflüssig macht. Das Ding ist in der Bedienung eigentlich ein Selbstgänger, schauts euch an.....
2. Farbpipette - Erfüllt die gleiche Funktion wie ein Linksklick unten links auf das Icon in der Statuszeile...
3. Farbpaletten - Diese Funktion ist auch unter Punkt 1. über einen Reiter aufzurufen und zeigt alle in der CSS definierten Farben an. Man kann wählen zwischen der Ansicht tabellarisch oder Liste. In der Listenansicht werden noch Infotexte über die Zugehörigkeit angezeigt.
4. DOM Farbanalyse Für die aktuelle Webseite. Eine sehr nützliche Funktion! Die Farben der Website werden in einer Tabelle dargestellt, einmal zusammen in einer Reihe und einmal zum durch scrollen mit weiteren Informationen.
Gerade diese weiteren Informationen haben es in sich denn sie geben genau an in welchen Klassen in der CSS diese Farben jeweils definiert sind. Man bekommt sogar noch die Zeile
als Link mit angegeben und ein Klick auf diesen Link öffnet ein weiteres Fenster in dem die komplette CSS angezeigt wobei direkt an die korrekte Stelle gesprungen wird. Das ist selbstverständlich
nicht die über das Adminmenü aufrufbare CSS! Die angezeigte CSS dient aber sehr gut der Orientierung.....
Bildhintergründe, Flashdateien und widersprüchliche Farbangaben in der CSS können aber eine Orientierung etwas erschweren. Als weitere Hilfe wird aber in der oberen Hälfte des Browserfensters die weiterhin sichtbare Webseite bei passender Farbanwahl (mit dem Cursor einfach darüberfahren) mit einem roten Rahmen versehen. Muss man wohl einfach mal probieren um diese Angaben hier zu verstehen. Prädikat:
Sehr nützlich!5. DOM Inspector Damit ich hier nicht Gefahr laufe Mist zu erzählen und diese Sache etwas komplexer zu umschreiben ist greife ich gerne auf einen Link zu Wikipedia zurück:
http://www.firefox-browser.de/wiki/DOM_InspectorObendrauf lege ich noch einen Link zu einem Tutorial für den DOM Inspector:
http://www.stichpunkt.de/firefox/ff-dominspector.htmlWer
noch mehr Infos benötigt dem sei ans Herz gelegt einfach mal "DOM Inspector" in die Suchzeile von Suchmaschinen einzugeben.
Die weiteren dort anzutreffenden Menüpunkte sind in der Funktion leicht durchschaubar da die Betitelung für sich selbst spricht.
Ich hoffe ihr könnt da was mit anfangen.........
#1 von
BOo°m
, 04.08.2006 00:40
