BuddyPress.org

Firefox Web Developer Plugin.

https://addons.mozilla.org/en-US/firefox/addon/60

To me, the most useful feature is CSS Information. Click on CSS, then “View Style Information” now all the CSS information is displayed! You can click to view the different CSS items on the page.

Notepad ++ is another helpful tool to help you edit CSS.

http://notepad-plus.sourceforge.net/uk/site.htm