🇵🇸 Donate eSIMs to Gaza 🇵🇸

#webdevtips Notes

Subscribe with RSS or follow me on Mastodon!

↩ All Notes
  1. (Permalink)

    #WebDevTips

    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!

    A screenshot of the Chrome Dev Tools Elements pane, with an HTML element selected, and the right click context menu open. Highlighted in the menu is the Capture node screenshot option.

    Discuss on Mastodon