So wird die App installiert:

1. Entpacke die ZIP-Datei
2. Im Ordner befindet sich eine PS1-Datei (Add-AppDevPackage.ps1). Rechtsklicke darauf und wähle im Kontektmenü “Mit PowerShell ausführen”.
3. Folge den Anweisungen im PowerShell-Fenster. Möglicherweise sind Änderungen bezüglich der Zertifikat-Akzeptierung nötig.

Hat alles geklappt, sollte sich im Startmenü unter “Alle Apps” ein neuer Eintrag “Colorganize” befinden.
Bei Fragen helfe ich natürlich gerne.

Colorganize Hosted_1.0.0.0_Debug_Test.zip

Colorganize wurde nun komplett auf HTTPS umgestellt. Außerdem wurde das Logo aktualisiert.

Um den Service noch nützlicher zu machen, plane ich eine Windows App. Mit Hilfe von CefSharp soll Colorganize in einem eigenen Fenster geöffnet werden und bequem von der Taskleiste aus gestartet werden können.

In Kürze dazu mehr.

Colorganize.com »

Diese Methode erspart euch einige Copy-Paste-Vorgänge von Farb-Codes.
Mit dem Pipetten-Werkzeug von Photoshop könnt ihr auch ganz einfach Farben von anderen Fenstern auswählen.

Video direkt auf YouTube ansehen.

LESS und Sass sind sogenannte “CSS Pre-Prozessoren”.
Damit ist es möglich, Stylesheets effizienter als je zu vor zu erstellen.
Mehr über die Vorteile von CSS Pre-Prozessoren »

Es ist nun möglich, seine Paletten aus Colorganize.com direkt mit eigenen LESS- und Sass-Code zu verbinden.
Ein @import genügt und du kannst deine Farben aus deiner Palette innerhalb deines Projektes benutzen.
Sobald du etwas an deiner Palette in der Web App änderst, wirkt sich das automatisch auf deinen Code aus.
Wenn du eine z.B. aus LESS-generierte CSS-Datei verwendest, muss diese vorher neu komprimiert werden.

Damit du eine Palette mit LESS oder Sass nutzen willst, muss diese als “public” markiert sein.
Standardmäßig sind aber alle Nutzer-Paletten als “private” markiert. So kannst du das ändern:

1. Klicke oben rechts auf “Edit mode”, um in den Bearbeitungs-Modus zu gelangen.
2. Klicke links im Paletten-Menü auf das jeweilige Stift-Symbol, um die Palette zu bearbeiten.
3. Aktiviere “public”, indem du auf den entsprechenden Button klickst.

Die Variablen-Namen der Farben stehen immer griffbereit. Ein Klick genügt und die gewünschte Farb-Variable kann in deinen LESS-, bzw. Sass-Code eingefügt werden.

Probiere es gleich aus »

Falls du noch nicht registriert bist, ist es übrigens auch möglich sich mit seinen Twitter-Account anzumelden. Mehr dazu hier »

Ab sofort können sich Nutzer bei Colorganize ganz einfach mit seinem Twitter-Account einloggen.
Es ist keine extra Registrierung nötig.

Klicke einfach auf den Button “Sign in with Twitter” und autorisiere Colorganize als Twitter-App.

Es ist geplant, weitere Login-Möglichkeiten einzubringen (Facebook, Google etc.).

Teste es gleich aus: colorganize.com

Der Farb-Picker ist zurück!

Seit dem Redesign fehlte der bisher enthaltene Farb-Picker. Dieser ist nun wieder da.
Klicke im Farb-Modal einfach auf das Tropfen-Symbol und er erscheint.

Ideen für die Zukunft

Neben der Möglichkeit, sich mit verschiedenen Diensten einzuloggen, wünsche ich mir, dass Farbpaletten geteilt werden können.
Nutzer können von einer ihrer Paletten eine URL erhalten, die sie dann weitergeben können. Die Empfänger müssen nicht bei Colorganize eingeloggt sein.

Ebenfalls wäre es nett, wenn Nutzer ihre Paletten auf eigenen Projekt-Seiten einbetten könnten.

Mal sehen, inwiefern ich es schaffe, diese Ideen umzusetzen… ^^

colorganize.com hat endlich ein Redesign bekommen und sieht nun deutlich freundlicher aus als zuvor.
Aber es gibt auch ein paar nette neue Features.

Um ein Farbcode direkt im Zwischenspeicher zu halten, reicht nun ein einfacher Klick.

Außerdem speichert der Client deine letzte Position, wenn du ihn schließt.
Sowohl in welcher Palette du zuletzt warst als auch dein Code-Format (also Hex#, Hex, RGB oder RGBA).

Besuche colorganize.com »

Ich habe außerdem eine Hosted App für Chrome erstellt. Diese wird womöglich bald im Chrome Web Store veröffentlicht.

Colorganize is a small color picker web app for web designers and artists.

You can save all color codes you will need for a project.

1. In colorganize create a new color palette with the title “Shin Chan”.
2. Select all important colors and insert them to the palette.
3. Tada:

Now you can select each color and its code by just clicking on it. On the head you can switch which code format you prefer: Hexadecimal, hexadecimal with starting #, RGB or RGB with alpha.

That’s it. I hope you enjoy it.
colorganize.com

Of course you can give me feedback. Just write a comment or contact me
(Email: lgk@live.de, Twitter: @lgkonline).