Note: 2

I recently learned about the Chrome Dev Tools “Capture node screenshot” button. It’s super handy for demos of new UI features, or for writing a retrospective doc.

From the Elements pane, find the HTML element you want to take a picture of, and right click it. You should see the “Capture node screenshot” option.

Click that, and bam, you’ve got a .png of your HTML element!