When i first started out with my first website, i knew nothing about CSS let alone website design. So over to the forums, learn’t basic CSS and installed EditCSS. EditCSS is a Firefox add-on where you can make changes to your stylesheet and see the results in real time.

For a beginner there are thousands of free Wordpress and Joomla templates out there, but i noticed that most of the ones i liked, there was just one or two little things i did not like about it and just kept on searching for one i could use.

That is actually what got me into CSS in the first place, i was sick of seeing the same templates over and over again on different websites.

When you run this add on it brings up a left hand sidebar where you can make changes to the CSS of any page and you see the results straight away. ( See picture below )

Say i didn’t like the colour of my left and right sidebar of my template and wanted to change it, but i am not sure of what it will look like, let alone what i am doing to my template!

So i open EditCSS, find the section i want to edit change the colour of my sidebar.

Oooops, doesn’t look too good now does it, better change it back.

That change took 2 seconds, not only can you make CSS changes before implementing them on your website and seeing the effect, it can save you time too. At the moment i dont think you can save changes and upload the stylesheet but it is still a usefull tool to help you learn CSS.

Now the evil side come out! Whose website can i change… hehehe

I was going to do Google, but thought i better not.

If you are a beginner to CSS and just want to make changes without worrying about damage to your website, this is just one of a few Firefox CSS addons around, just search here for one you feel comfortable using.