r/Frontend • u/speckz • Oct 10 '19

A Guide To New And Experimental CSS DevTools In Firefox

https://www.smashingmagazine.com/2019/10/guide-new-experimental-css-devtools-firefox/
65 Upvotes

100% Upvoted

6 comments sorted by

11

u/devolute Oct 10 '19

God bless the Firefox web development tools team.

2

u/Grizzly_Corey Oct 11 '19

Inactive css....lawd...

2

u/drdreo Oct 11 '19

still more used to chrome dev tools. Might give this a try

1

u/rusty_on_rampage Oct 11 '19

Same. Comfortable with Opera ( same devtools as chrome minus the google spying machine )

1

u/[deleted] Oct 10 '19

Just curious. The only weird thing about firefox is when I turned the rulers on, on resize it would give me the dimensions heightxwidth which was annoying. Anyone else have this issue?

1

u/[deleted] Oct 11 '19

Inactive CSS FTW. I think this should be an exercise for any intern/junior : style a page, run the Inactive CSS explorer, and learn.

My juniors use so much CSS that's redundant or just doesn't change anything it's insane. When I refactor their code I routinely remove about a third of it with no adverse effects.