Debugging The Web (Chrome Dev Summit 2016)
Why Hacker News recommends it
HN commenters cite it as a roundup of useful DevTools features and tips from Paul Irish.
What it is
Paul Irish's Chrome Dev Summit 2016 talk surveys the state of the art in Chrome DevTools debugging. It covers workspaces, diffs, CSS coverage, Node debugging, editor improvements and Lighthouse.
Recommended by 2 HN commenters across 2 different months, 2016 to 2018.
What Hacker News said
Recommends daypack · 2016-11 · on “Why we need the best tools on Chromebooks and Raspberry Pi”
Chrome Canary has improved workspace support, diffs, nodejs debugging and more editor improvements that make Dev Tools hard to beat as a HTML/JS/CSS IDE. See "Debugging The Web" session from the recent Dev Summit: [this video]
Recommends timrichard · 2018-06 · on “Console.table()”
If you use Chrome DevTools, there are a few resources that I think are really useful for getting the most out of them and making the workflow a bit easier. Paul Irish has a great roundup here : [this video] Umar Hansa has a great mailing list for DevTools tips, and there are some good ones to browse here : [LINK]
Cites aslushnikov · 2017-03 · on “UnCSS: Remove unused styles from CSS”
There's a "Coverage Support" experiment in Chrome DevTools which does css + js coverage in a way you describe it. The CSS part was shown on Chrome DevSummit 2016 [1] [1] [this video]