As I was looking around at Firefox extensions yesterday for web development, I stumbled onto Firebug. I had complained yesterday that there was no way to edit html and apply the changes in real time in FireFox like you could in Opera.
Firebug lets you do just that. And it kicks Opera's capabilities in the groin, particularly in the area of CSS editing.
When you start firebug (tools->firebug->open firebug), it opens a couple windows at the bottom of the firefox screen.
The left window shows the html structure hierachically (you get little expand/collapse buttons for divs, etc), while the right window shows the CSS for whatever you have selected.
But here's where it gets good. You can click on a value in the right window and change it. It changes the page in real time. Even better, it has autocomplete, so you can options as you type.
Unfortunately, there's not really a way to export the changes you make (uploading them directly probably wouldn't work, especially for dynamically/script-created style sheets; but dumping the changes out to a text file or something like that would, I think, be pretty simple).
In any case, it's a complete God-send, and really helpful for moving things around and getting your margins and padding right.
Pretplati se na:
Objavi komentare (Atom)
1 komentar:
Whoa. That's a pretty cool feature of firebug not to mind it's limitations.
web developer
Objavi komentar