[blitmap]

I wish I could find a practical video/web series on using Devtools. Real-world examples of how to use every feature.

I think Chrome probably benefits from better performance in its Devtools, but I do agree that Firefox does just fine. I find them nearly identical.

My only criticism of Firefox Devtools is they seem to move around buttons and icons pretty frequently. It's frustrating to search for "is .... possible in Firefox devtools?" and see screenshots of how things looked only a couple months ago. Then I play i-spy for the icon that does this.

I do wish a remote debugging standard were defined. Firefox says it supports remote debugging but I have no exposure to this. I just want to hook up node to it like in Chrome.

[ilikepi]

Check out the "Developer Tools" category on hacks.mozilla.org[1]. When new features are added to DevTools, it's pretty common for blog posts to appear there, often with videos or animations. These are sometimes linked from the official developer release notes of the browser. It's probably not quite what you're asking for, but it's a start...

[1]: https://hacks.mozilla.org/category/developer-tools/

[blitmap]

Thank you very kindly for that. Mozilla would be the best source for stuff like this. :) I had looked on Youtube or on egghead.io and such, but I didn't really find what I wanted.

This is an offshoot, separate topic: I wish there were a Firefox extension for using the compatibility/emulator mode in Devtools to avoid fingerprinting. I want the website to always think I am 1920x1080 (a common res) and have it be easy to pan around in if the viewport does not match the dimensions of Firefox's window/tab.