Firebug, a developer plug-in for Firefox, just made front-end development a lot easier:

  • Inspect and edit live HTML and CSS
  • Visualise CSS box-model
  • Monitor network metrics
  • Debug and profile JavaScript
  • DOM explorer