7 tools to make CSS coding easier

Border radius

Border radius is one of the most used CSS properties, but to achieve the desired effect you have to type a bunch of code so can get it to work in all browsers. This tool will allow you to do this in seconds, just type the value you like and it will generate the code for you.

Go to Border Radius.com

Box shadow

Create box shadow effects in second with Box shadow tool, just add the values you like and you are set to go.

Go to Box Shadow

Sprite Tool

Sprite cow Is one of the easiest ways to generate your css code when you are using sprites in a web site. Upload your sprite image or see the example, with this tool you are going to speed up the process of making time consuming and boring sprites.

Go to Sprite Cow.com

Button Maker

CSS allows us to make awesome buttons. Here is a generator that will give you the ability to create the button you what in seconds no need to type the code just play around till you get the desired effect.

Go to Button Maker

Gradient Generator

Here you can generate CSS for gradients, pick the colors you like take a look at the preview and copy the code. Very easy to use.

Go to Gradient Generator

All in one CSS3 generator

All in one place, if something is missing from above you will find it here.

Go to CSS3 generator

Font Face Generator

Here you can generate font face css code for your free font, upload the font file and download your font kit. Also you can find a lot of free fonts for download.

Go to Font Squirrel.com

© bojan for Blog Design Studio, 2012. | Permalink