News for hackers. Stuff that matters.

A comment on Firefox Developer Edition. Parent comment

Re:Firefox Developer Edition by rkwz on Monday November 10, 2014 @10:30AM (#8584025)
> What tools do you need?

I wonder where do you draw a line for a developer oriented browser. Is a good 'line' be tools for 'whatever loads on page'?

Since we already have color picker etc, I think good candidates are

* Onscreen ruler

* Gradient generator

* Builtin JSfiddle

* CSS sprite generator

* Image to base64

* JS/HTML/CSS formatter

* JSON tools - tree-viewer/formatter/validator

* XML tools - tree-viewer/formatter/validator/xpath

[ Parent | on HN ]
Re:Firefox Developer Edition by acdha on Monday November 10, 2014 @06:17PM (#8587283)
The JavaScript view in the debugger already has a built-in prettifier – look for the {} icon in the lower left corner.

It'd be really nice to have that for CSS, particularly if it could do a side-by-side view for e.g. source-mapped original and prettified CSS-as-used.

[ Parent | on HN ]
Re:Firefox Developer Edition by cturhan on Monday November 10, 2014 @05:41PM (#8587089)
++1 for JS/HTML/CSS formatter and json tools
[ Parent | on HN ]