Hacker News Reader

The only thing that's missing and is very important (from a front end designer point of view) is showing paddings / margins when you mouse over / select elements in the Inspector.

Firefox already has that, there's a little "Box Model" tab with a little diagram showing padding, margins, and so on.

It doesn't show them on the page itself though.

Adding an attribute to an existing element currently seems impossible unless I am really missing something.

Say you have..

<div>

In any other tools you can double click it and press tab to add an attribute. Most have a right click option to edit as well. With firefox this simple task isn't possible. So adding a class to the above element requires you to at least add class="" to the element...

You have to double-click on the bit of whitespace before the closing ">".

Just edit a current attribute, add a space and type the new attribute name and value.

What about editing files in the editor? Being able to adjust CSS/JS files in Chrome is great.

You can use the Style Editor to modify CSS and see the changes applied.

We're going to be adding edit support to the Debugger soon.