CSS Debugging Tips

Blog ยป CSS Debugging Tips

Posted on 1240436380|%A: %d %B, %Y|agohover

  • Use "FireBug".
    • Live preview of changes
    • Easy discovery of why it looks like it.
  • PixelPerfect
    • Overlay your page on a design while working on it. Firefox plugin
  • Use "Web Developer" add-on for Firefox
    • It allows you to replace the css of a site with your local file you are editing and debugging (with FireBug of course)
  • Go KDE, Kubuntu.
    • Kate or KWrite are lovely CSS editors already.
    • KDE Color Picker Widget. Allows you easily steal colors from anywhere and to put them into your CSS.
  • Go Linux at least. You might try many more editors like QuantaPlus.

And finally be sure to read How not to suck at web design (for developers)

If you like this page, please spread the word: diggdel.icio.usFacebook

As well as commenting here, you can tweet or email to me

Add a new comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License