Writing code all day gets tiring, and for those of us with Carpal tunnel syndrome or in the stagings of getting it, saving some keystrokes is great. For the rest of you, it’s often hard to remember all the syntax of some more complex CSS rules, like the CSS gradients, or border radius. There’s a few awesome websites that generate easy CSS rules.
CSS3 Generator by @Randy Jensen.
CSS generator can generate about a dozen CSS3 rules, including border radius, and Columns. It’s generally awesome.
Gradient Editor by @colorzilla.
Gradient Generator is a truely amazing and time saving tool, as with a few clicks you can generator CSS3 gradients (As well as filter gradients for IE), that support transparent gradients, rgb and rgba, hex,hsl and hsla formats, and can even import gradients from images, so you can import your mock ups and get exactly the same gradient.
One of the most complicated CSS3 specs is the transitions. While CSS3 generator has some support for it, Ceaser provided very detailed in depth, configurable transitions quickly and easily.
FontSquirrel Generator by @FontSquirrel
When a font isn’t in their gallery or Google webfonts, the first place I head is the font squirrel generator. Just upload a font from your computer, select the formats and a few other options, and it will provide you with a zip file download of your webfont. Its pretty amazing for those free fonts you find online and want to use, but know your readers will not have installed on their computers.
CSS3 Ribbon Generator by @CSS3D
Need a fancy ribbon, look no further than CSS3 ribbon Generator. It will let you pick the angles ad all sorta of fun stuff. For even more fun, use it in combination with the gradient generator for slick gradients on ribbons.