Archiv für die Kategorie: Hintergrund

Bei der Entwicklung einer Web-Anwendung, wie eben zum Beispiel OpenWishes, benötigt man immer wieder Farbcodes für CSS Anpassungen oder bei dem Erstellen von Grafiken. Aus diesem Grund wurde schon öfters auf webthreads.de Themen wie “Farbpaletten” oder “Farbcode-Utilities” berichtet.
Diesmal soll das wirklich nützliche Firefox Add-on “ColorZilla” (auch manchmal Color Picker genannt) kurz vorgestellt werden, was bei der Entwicklung von OpenWishes immer wieder ein sehr nützlicher Helfer war/ist.

Das Firefox Add-on ColorZilla installiert sich unten links in die Statusbar und mit einem einfach klick darauf kann man das Tool aktivieren. Anschließend wird die Maus zu einem Fadenkreuz (Pipette) und man kann auf der aktuellen Webseite an einer beliebigen Stelle die Farbe herausfinden.

In der vor kurzem veröffentlichen Version 2, welche auch für den Firefox 3 funktioniert, wurde die Funktionalität um das Erstellen und Speichern einer Farbpalette erweitert. Es ist jetzt möglich von der angezeigten Webseite ein Farbpalette erstellen zu lassen. Dieser Punkt wird “Webpage DOM Color Analyzer” genannt und kann über das Context Menü aufgerufen werden. Heraus kommt eine schöne Farbpalette:

Ein solcher Dienst ist natürlich von vielen Seiten oder Tools möglich. Interessant wird es an dieser Stelle weil es möglich ist diese Farbpalette direkt im Plugin zu speichern und später wieder darauf zugreifen zu können. Das Speichern erreicht man durch den unter der Palette verfügbaren ersten Link “save as colorzilla palette”.

Aber nicht nur die eigenen Farbpalette kann man sich hier ansehen sondern zum Beispiel auch die Farben die man im CSS mit einem Namen angeben kann.

Ein weiterer nützlicher Punkt ist das veröffentlichen oder “verteilen” (share) der Farbpalette. Dabei wird die Farbpalette online unter der Domain colorzilla.com dargestellt:

Interessant zu wissen ist, dass die Farbpalette dabei nicht online gespeichert sondern sämtliche Informationen im Link mitgegeben werden. Aus diesem Grund wird wohl auch angeboten den Link bei einem der gängigen Online Bookmarking Services zu speichern.

Insgesamt ist ColorZilla ein sehr nützliches Utility, welches gerade während der Entwicklung oder Umsetzung des Designs in der Oberfläche hilfreich ist. Und als wichtigste Information vielleicht auch noch das: Man kann natürlich mit ColorZilla auch einfach nur die gerade selektierte Farbe in den Zwischenspeicher kopieren und an anderer Stelle wieder einfügen und somit direkt verwenden ;)