F12 Developer Tools

Searching all files on your site (regardless which domain they're from) is very helpful. Here's how, via the dev tools in @Brave and Chrome.

Front-end often consists of making small iterative changes. Save/Refresh is costly. Edge keeps a log of changes, letting you be creative 👍🏼

Copy directly to clipboard from console. Supported in @brave, Firefox, Chrome. Super handy for grabbing node content!

Need to change the UA String in Chrome? Don't look for the Emulation tab. Look instead to Network Conditions.

Have you noticed the gorgeous new icons in Google Chrome's "Sources" panel? Smooshy.

Similar to Firefox's "Node Screenshot" feature, Microsoft Edge's Web Notes support arbitrary region clip-copying. nitter.gq/f12devtools/status/672…

Firefox has a wonderful feature that allows you to export a png of any node directly from the F12 Developer Tools. nitter.gq/f12devtools/status/672…

Black-boxing is common in all major browsers today. Chrome takes it one step further supporting pattern-based rules.

IE gets fresh UI update. Tabs are now across the top, and the icons have been removed. Available via Windows Update.

Identifying detached nodes and their references with Internet Explorer in three easy steps.