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.

