I alluded yesterday to “backstage work”. One of the things going on back there was my work with the folks at WebAssist to create a tool that allows both novice and experienced web developers to create and alter CSS-driven layouts.
The end result is Eric Meyer’s CSS Sculptor (v1.0.0), a Dreamweaver extension that gives the user tons of options and outputs pretty darned clean markup and CSS. (Even if you’ve no interest at all in Dreamweaver tools, you should still follow that link. How many chances are you going to have to see me throw the mëtäl hörns?)
Well you might wonder how much code I contributed to this software. Well, okay, none. What I did contribute was guidance on the interface and its organization; on what options to present, and how; on ways to handle things like print styles and the print CSS options; and on the CSS and markup that results, including the optional explanatory comments in the CSS.
One of the primary goals with this project was to create a tool that would expose as much CSS as possible to users without overwhelming them, and that would actually teach by dint of showing all the options. One of the things we heard a lot in the beta test was users saying things like, “Oh, so that’s what that CSS thingy does! I’d always wondered.” Which was exactly what we’d hoped to hear, along with “Hey, I’ve never heard of this CSS property before!”. (We heard that one too.)
There are some things I expect will be improved in future releases, like shorthand value minimization—the simplest example of that being a condensation of
0 0 0 0 down to just plain
0. We discussed including that feature but decided to postpone it for a variety of reasons, not least of which was working out the logic required to figure out when to minimize, which isn’t as simple a problem as you might first think. There were a few other things we didn’t get in the initial release; such is the way of software. We’ve got a list of potential features, of course, and are looking forward to hearing what users suggest.
As for what features did make it in, there’s a fairly large list, so it’s probably best to check out the Features page or take the product tour—with video commentary starring, you guessed it, yours truly. So if you’ve ever wanted to see me greenscreened over screenshots and being intermittently goofy, then at long last your prayers have been answered!
What makes this whole thing an especially interesting experience for me is that, for the first time in my life, I’m participating in an affiliate program. Basically, what I earn from sales of CSS Sculptor depends on affiliate fees earned by referral links like this one here (and also earlier in the post). That might sound like a rip-off, but it has the potential to be quite the opposite. The affiliate cut is literally an order of magnitude greater than any reasonable per-unit royalty would be.
This compensation scheme (as they say in the UK) is actually an experiment on both sides: WebAssist has never really worked with an outside individual on a product like this, and so they honestly don’t know if the affiliate approach will pay better than a per-unit royalty, or worse. So we’re going to try it out and see what happens. Fortunately, I’m in a position that I feel I can afford to experiment like this, allowing both myself and WebAssist to find out what works best in the long run.
Thus, if you’re planning to buy CSS Sculptor or know someone who is, I’d be grateful if you either clicked through one of the links hereabouts or linked to the product using my affiliate URL. I’ll have a link in the sidebar in the near future as well. The sidebar’s due for an overhaul anyhow.
So that’s one of the things that’s claimed my time over the last few months, and I’m pretty excited that it’s seeing the light of release. I’m even more excited about finding out what people think could be better about it so that we can improve what’s already a pretty darned nifty tool. If I do say so myself.