In this multi-part series, we are going to learn all about Firebug, the premier (and free) web development tool for Firefox. In part 3, we learn how to edit CSS, HTML and Javascript within the Firebug window, so we can get immediate feedback on how our edits will change the site in production.

The Firebug Series:
Firebug - Part 1: The What and Why
Firebug - Part 2: Overview of Firebug Functionality
Firebug - Part 3: Editing with Firebug
Firebug - Part 4A: Inspecting and Troubleshooting CSS
Firebug - Part 4B: Inspecting and Troubleshooting CSS...

Related Articles

• HTML/CSS Crash Primer
• Semantic XHTML - Part 6: Inline Elements
• Semantic XHTML - Part 5: Table Elements
• Firebug - Part 2: Overview of Firebug Functionality
• Firebug - Part 1: The What and Why
• Semantic XHTML - Part 4: List Elements
• Semantic XHTML - Part 3: Common Block Level Elements
• Semantic XHTML - Part 2: Elements Within the Element
• Semantic XHTML - Part 1: The Required Elements
• Mobile Internet Devices - Part 2: Browser Evolution

• CRUD With Prepared Statements: New Plus Tutorial
• 18 Wonderful IDEs for Windows, Mac, and Linux
• DesignSchool Coded, Free CSS Template With PSD to HTML Tutorial
• How to Make AJAX Requests With Raw JavaScript: Part 2
• How To Make Entrecard XHTML Valid
• CSS3: Changing the face of modern day web designing
• DIVs vs. Tables
• Difference between HTML and XHTML
• Importance of XHTML Valid Themes
• Expandable CSS Tabs Tutorial