Well as some of you know I have been working on a joint Wordpress MU and Invision Power Board theme based on the joomla theme Chromatophore.. I thought I would give an update — It’s going well all things considered, but its taking me a little longer than I had for seen to get the color chooser logic working correctly.
You can see my progress here:
http://info.rsow.com/projects/fffredesign/
I’ve run into some interesting javascript foibles that I have had to deal with and have also taken this opportunity to start on my own javascript toolbox.
Every artist has his favorite paintbrush or pens, every carpenter his favorite hammer, and every plumber his favorite ass crack pants.. I’m using this project to develop my own javascript toolkits. For now they are largely unfinished and designed to be used for .. well this project.. but it is a start..
With regards to the theme, I’m working specifically on getting the colorchooser to work. Right now it doesn’t choose colors, and I only got the slider/picker cursors to work today. But only on clicks, you can’t drag them yet.
I’m hoping to have it work better than the Chromatophore stuff, and so far the one thing that works better (in my opinion) is the way the chooser slides out. Firstly from a purely javascript profiling stand point I win hands down;
The Chromatophore theme makes 454 javascript calls to “slide” their colorchooser down, where as my version only makes 88 calls.. 454 man! I have no idea what they are doing of course because they obfuscate their code and I don’t feel like eval’ing it out and running tidy to figure it out..
My color chooser will also be fixed once down so you can scroll around the page and have the color chooser open to see how your changes work live on the page, instead of having a mini-preview — right now this isn’t the case but it will be.
I’m still very excited about this and working on it.. but this is taking time.
Related posts
Well after much ado, you can now correctly select the HUE of a color. For those who have no idea what I’m talking about, in a color chooser the rainbow bar to the right is the “HUE” bar. In firefox or Safari (IE, and Opera behave a little oddly as of yet) by clicking and dragging in the thin hue bar will correctly scroll up and down correctly selecting the hue!
I have to admit.. This was challenging.. it took me 3 fricken days to figure out that math involved.. I had no idea that it would be so complex.. Of course selecting the hue right now does nothing other than slide the bar up and down and change the color of the picker and the example.. but its a start!
Also, keeping with the post I tested their code against mine — I realize mines not 100% working yet so this probably isnt’ a fair test.. but a single click of the hue bar in their theme makes 414 javascript calls to my 18.. The number I make will go up, but I dont think I’ll get anywhere near 414..
