Legit one of the most underrated Firefox features that I use all the time: right-click -> Take Screenshot (or Ctrl+Shift+S). No need to look up the relevant node, just hover the relevant part with your cursor.
That doesn't align itself to the dimensions of an element. The screenshot thingy even allows you to screenshot past the visible area for scrollable pages
You don't even need to open Responsive Design Mode - when you select Take Screenshot, there are two buttons "Save visible" and "Save full page" in the top right-hand corner.
I usually select from bottom for those, that way the sticky ends up above the selected area when it sticks to the top.
In other more complex cases your method is a good aproach though
Legit one of the most underrated Firefox features that I use all the time: right-click -> Take Screenshot (or Ctrl+Shift+S). No need to look up the relevant node, just hover the relevant part with your cursor.
I mean if you are using windows couldn't you just snipping tool with print screen?
That doesn't align itself to the dimensions of an element. The screenshot thingy even allows you to screenshot past the visible area for scrollable pages
TIL, that's awesome to know
deleted by creator
You don't even need to open Responsive Design Mode - when you select Take Screenshot, there are two buttons "Save visible" and "Save full page" in the top right-hand corner.
deleted by creator
I usually select from bottom for those, that way the sticky ends up above the selected area when it sticks to the top.
In other more complex cases your method is a good aproach though
Ah yes, RDM is a clever workaround for that - I should remember that.