Issue #6 (Technical Debt Is Like Tetris) 03/25/19
This Google Developers article has a neat little DevTools tip that I didn't know about: A way to track which element on the page currently has focus, for accessibility testing.
When you open Chrome's DevTools, at the top of the Console tab there's a button that looks like an eye called "Create live expression". In that box, just type document.activeElement (which is a DOM feature that allows you to track witch element is currently focused), then navigate around the page.
As you click different things on the page, you'll see the DOM element reference will change. More details on this can be found in the aforementioned article.
Now on to this week's hand-picked productivity links!