joliclic blog

Aller au contenu | Aller au menu | Aller à la recherche

jeudi, juillet 30 2009

Khromaxul 0.3 et au delà

  • version fr
  • en version

version française

Une nouvelle version 0.3 alpha de ma bibliothèque Khromaxul (sélecteurs de couleur avancés en XUL), de l'extension Komodo, et de bonne nouvelles pour la suite.

Quoi de neuf dans cette version 0.3 :

Une nouvelle bibliothèque apparait, kh-schemer.js, permettant de générer facilement des couleurs suivant des thèmes (à la Agave): monochromatiques, complément, teintes, nuances, tons, triades, compléments divisés, analogues, tétrades, dégradés.

nouvelle version de l'extension pour Komodo :

Du coup, l'extension pour Komodo passe en version 0.3 et bénéficie des nouveautés, en gros Agave est disponible directement dans Komodo via l'extension (et même plus ;) ). Je vous laisse regarder la petite vidéo jointe au billet pour découvrir les nouvelles possibilités :) .
Il est aussi possible dorénavant d'insérer des codes couleurs HSL.

Et la suite...

Je suis ravi, je peux pas dire mieux, un contributeur (et pas des moindres ;) ) qui utilisait la bibliothèque m'a poussé à ouvrir un dépôt mercurial pour gérer le projet, sur bitbucket. Vous pouvez déjà y voir ses contributions. Çà me stimule, même si j'ai du mal à trouver du temps disponible en ce moment :) .

Attention, le code sur bitbucket n'est pas censé fonctionner au jour le jour, c'est le trunk de la future version 0.4, et en tant que tel instable et non figé.
De plus, si par hasard vous utilisez du code khromaxul dans un de vos projet, attendez vous à des changements plus ou moins profonds pour la version 0.4 suivante (en même temps le code était clairement estampillé alpha)

page de téléchargements

english version

New version 0.3 of my library Khromaxul (advanced color selectors in XUL), new Komodo extension, and some good news for beyond.

What's new in this O.3 version:

A new js lib, kh-schemer.js, to easily generate color schemes (à la Agave): monochromatics, complement, tints, shades, tones, triads, split complements, analogous, tetrads, gradients.

new version of the Komodo extension:

So, new version 0.3 of the Komodo extension, with benefit of these new features, shortly you have Agave (and more ;) ) directly in Komodo. You can discover theses new possibilities in the video joined to this post :) .
It's now possible to insert HSL color codes too.

And beyond...

I am delighted, I can not say better, a contributor (and not the least;)) that uses the library led me to open a mercurial repository to manage the project, on bitbucket. You can already see its contributions. It stimulates me, even if I have trouble finding time at the moment :).

Beware, the code on bitbucket is not supposed to work on a daily basis, it's the trunk of the future version 0.4, and as such unstable and not fixed.
Moreover, if you use khromaxul code in one of your project, be carefull, there will be some more or less profound changes for the next version 0.4 (but the code was previously clearly stamped alpha) De plus, si par hasard vous utilisez du code

download page

liens directs vers la vidéo / direct links to the video:

khromaxul03.mp4 | khromaxul03.ogv

mercredi, juin 17 2009

Khromaxul 0.2.1

  • version fr
  • en version

version française

Petite mise à jour de mon sélecteur de couleur en XUL.

Essentiellement une petite correction pour etre compatible avec gecko 1.9.1 (soit Firefox 3.5), plus la gestion de l'espace de couleur HSL dans la bibliothèque pour gérer les couleurs.

Le problème m'a été signalé par quelqu'un qui intègre Khromaxul dans un de ces projets, çà me fait bien plaisir :) .

lien vers la nouvelle version 0.2.1

english version

Little update for my color selector in XUL.

Essentially a small correction to be compatible with gecko 1.9.1 (i.e. Firefox 3.5), plus the ability to manipulate HSL color space in the colors library.

The problem has been reported by somebody who uses Khromxul in its project, I'm really happy :) .

link to the new version 0.2.1

mercredi, avril 15 2009

Khromaxul : XUL color selector

  • version fr
  • en version

version française

Je viens de mettre en ligne le code de mes essais d'un sélecteur avancé de couleur en XUL : Khromaxul 0.1 alpha :)

Ce sont des éléments XBL, permettant de créer des sélecteurs "à la Gimp/inkscape", d'utiliser des palettes format Gimp, et de js permettant de manipuler les couleurs dans divers espaces et les palettes.

Sont disponibles, les sources, une documentation, une démo en ligne, et surtout une extension pour Komodo (qui devrait marcher sur Komodo et Komodo Edit 5.x). Et c'est tri-licencé MPL/LGPL/GPL.

Have fun !

Tout retours, remarques, critiques, sont les bienvenus comme d'habitude ;) .

english version

I have just upload the code of my tests for an advanced color selector in XUL: Khromaxul 0.1 alpha :)

This is some XBL element, to create selectors "a la Gimp/inkscape", and some js to manipulate colors in various spaces and Gimp palettes.

You will find sources, a technical documentation, an online demo, and a Komodo extension (which should works with Komodo and Komodo Edit 5.x). And it's tri-licensed MPL/LGPL/GPL.

Have fun !

As always, any feedback, comments, criticisms, are welcome ;) .

vendredi, février 20 2009

Color Selector: Palettes

  • version fr
  • en version

version française

La suite de mes essais d'un sélecteur de couleur avancé en XUL, en vidéo.

Les palettes Gimp sont prises en charge :) . En interne je les convertis dans un format XML, pour les gérer facilement avec des templates, format qu'on peut également directement utiliser.

On peut créer, ouvrir, sauver des palettes Gimp, renommer les couleurs, les déplacer en glisser-déposer, dans deux vues disponibles: en liste, ou en échantillon (colonnes réglables).

Evidement, la lecture de fichiers locaux, et l'écriture, nécessite les droits chrome.


J'hésite pour la suite, peut être une alpha, mais en même temps j'ai bien envie de rajouter des sélecteurs à la Agave, pour choisir des couleurs complémentaires, triades,...

english version

New result in my testing of an advanced color picker in XUL, in video.

Gimp palettes are supported :). Internally I convert them into an XML format for easy management with templates, format that can be directly used.

You can create, open, save Gimp palettes, rename, move, drag & drop colors, in two views available, list or sample (adjustable columns).

Obviously, reading local files, and writing, requires chrome rights.


I hesitate for the next step, maybe an alpha, but in the same time I would like to add some selectors a la Agave, to choose complementary colors, triads ,...

liens directs vers la vidéo / direct links to the video:

kf-teasing-2.mp4 | kf-teasing-2.ogv

mardi, janvier 27 2009

XUL: advanced color selector (teasing inside)

  • version fr
  • en version

version française

Une petite vidéo pour vous montrer avec quoi je joue en ce moment, un sélecteur de couleur avancé, à la Gimp/Inkscape.

C'est en pur XUL + SVG (via XBL) + JavaScript (+2 images png pour la roue, SVG ne permettant pas des dégradés coniques).

Les différents sélecteurs et scales utilisés sont encapsulés dans des widgets XBL.

Ce sera dans une extension pour Komodo, mais le code sera facilement utilisable pour d'autres applications XUL ou extensions, et ce sera tri licensé MPL/LGPL/GPL ;) . La vidéo montre d'ailleurs le sélecteur dans Firefox 3, sous Linux au début, et sous Windows à la fin.

Je dois continuer avec la gestion des palettes (format gimp), c'est cool et pratique les palettes, je les veux là dedans :) .

english version

A little video to show you what I'm playing with currently, an advanced color selector, a la Gimp/Inkscape.

It's pure XUl + SVG (via XBL) + JavaScript (+2 png images for the wheel, because SVG can't do conical gradients).

The differents selectors and scales are encapsulated into XBL widgets.

This will be for an extension for Komodo, but the code can easily be reused for other XUL applications or extensions, and this will be tri-licensed MPL/LGPL/GPL ;) . The video show it in Firefox 3, under Linux at the beginning, and under Windows at the end.

Now I must continue with the management of palettes (Gimp format), palettes are cools and practical, I want them into this :) .

liens directs vers la vidéo / direct links to the video:

kf-teasing-1.mp4 | kf-teasing-1.ogv