Colorzilla 2

Geschreiben von Marcus KimpenhausaufJun 20, 2008 in entwicklung |

Für WebDesigner sicher schon ein alter Bekannter ist die Firefox-Erweiterung ColorZilla. Nach der Umstellung auf Firefox 3 war ich zunächst enttäuscht, dass die bestehende Version des Addons nicht kompatibel ist. :-( Ein Besuch der Homepage ließ mich dann allerdings jubeln – gibt es eine neue Version 2 (Beta) – die Firefox 3 kompatibel ist und viele neue Features mitbringt.

New in ColorZilla 2:

  • Webpage DOM Color Analyzer
    • Analyze DOM element colors on any Web page and create a corresponding palette
    • Locate elements on the page that correspond to a given color
    • Find out what CSS rules specify a given color
    • Save, bookmark and share the palettes
  • Online Palette Viewer
    • Click here for an example
    • Allows viewing, bookmarking and sharing any color palette
    • Provides a permalink URL that represents any set of colors
    • Online Eyedropper shows colors in RGB, HSV and additional formats
  • Use Full Page Zoom introduced in Firefox 3
  • Firebug support – allows opening the selected element in Firebug
  • New languages – Indonesian, Korean, Norwegian. Thanks to the BabelZilla team!
  • Firefox 3 support
  • Ubuntu support (gcc4 based build included)
  • Minor tweaks and bug fixes

Wow! – gerade für einen Hobby-Blogger wie mich, der gerne an den Templates und Styles herumtüftlet, sind das viele tolle neue Feature, die neben dem bereits integrierten Pippeten-Werkzeug das ganze abrundet. Gerade für die Umstellung auf das neue Theme war das neue Feature das DOM
zu analysieren und daraus eine Palette zu erstellen, welche man sogar zur Wiederverwendung speichern kann, perfekt, um einige Änderungen an den bestehenden Style-Sheets vorzunehmen.

Das Vorgehen zum Erstellen seiner eigenen Blog-Farbpalette ist so einfach wie intuitiv:

  1. Context-Menu aufrufen

    Colorzilla2 (Context-Menu)

  2. “Webpage DOM Color Analyzer…” ausführen

    Colorzilla2 (DOM-Color-Analyzer Ergebnis)

  3. “save as colorzilla palette” aurufen und einen entsprechenden Namen vergeben

    Colorzilla2 (Palette)

Toll ist auch, dass man einen Permalink zu seiner Farb-Konfiguration erstellen und somit auf einfachste Art und Weise mit anderen teilen kann.

Kopieren der RGB- oder HEX-Werte fällt natürlich so gewohnt leicht wie immer – einfach per Rechtsklick auf das Pipetten-Symbol in der Statusleiste – nachdem man eine Farbe ausgewählt hat – insgesamt kann dort aus 5 verschiedenen Möglichkeiten gewählt werden. :o

P.S.: Die Farbpalette und die abgebildeten Screenshots beziehen sich noch auf das alte Theme ;-)

Schlagwörter:, , , ,

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Get Adobe Flash playerPlugin by wpburn.com wordpress themes

Copyright © 2005-2010 marcus' tagebuch All rights reserved.
Desk Mess Mirrored v1.6 theme from BuyNowShop.com.