GeekFindr: CSS Builder and the CSS Reference
If you’re like me, which I am, you have a bad memory for remembering every css option there is. You know there’s a bunch of list-types but darned if you can remember lower-roman and decimal. So it’s off to Google for you and a little searching finally turns up all the options you’re looking for. Annoying.
So I came across this strangely web1.0y kinda tool, CSS Builder. I haven’t played around extensively with it, but it looks like it has a pretty comprehensive set of CSS properties. You pick what you want and click the big Build It button and it’ll show you the CSS you’ve built. Easy squeezy.
It could use some improvements. One would be in the shortcut department, i.e. using the compound background property instead of all the individual background-color, background-image, etc. Also it doesn’t help you out with specific margins or padding, only providing a generic padding and margin property (although it does give you cardinal points for border). Lastly it could also provide some helpful popups to explain the different options, just in case you forgot the difference between setting display: none and visibility: hidden, for example.
Alternately you could always check out w3schools’ CSS2 reference page which is similarly good. Gives you a long list of the properties and their options. You can click into any option and it’ll give you a more or less helpful description of what’s going on.
The CSS2 Reference is probably more useful at this point than the CSS Builder - but since the builder says it is just a release candidate, as a tool it has the potential to best the reference with more bells and whistles and maybe a little special web2.0 sauce.
