CSS Colorizer progress
Development is going well. All of the basic functionality is working. You can paste in CSS, replace the color values, design the colors, relate the colors with a few basic functions, generate “smart” CSS, and preview with custom HTML.
In the preview you can see how everything works. In the color pane, the third color is selected. It’s named ‘color2′ and it’s a simple function of the other colors: rgb takes three integer values and returns the color. The function shown, rgb(green(1),red(0),0) probably isn’t very useful, but you could do something like rgb(red(0)/2,green(0)/2,blue(0)/2) to get a darker version of the first color. When you’re working with the colors, all the swatches are updated in realtime.
The CSS pane is showing the “Smart CSS”, which is the style sheet with the color values replaced with variables. Clicking on “Raw CSS” brings you to the output, which has a actual values inserted. It also has a comment header so it can be reloaded and parsed.
The HTML pane is just raw HTML that will use the custom style sheet.
And the Preview pane shows what the HTML looks like. It isn’t updated in realtime like the colors; you need to click the Update button. Getting the preview working was a real hassle and what I ended up with is pretty hacky. I’ll go into detail in a few days after I take care of a few issues and put out a working version.