
9 min read
How to Capture a Web Page: Screenshots, PDFs, and Code
A screenshot, a PDF and a copied component are three different answers to “save this page”. Here is what each one keeps, what each one silently throws away, and how to choose.
Screenshots that miss half the page. CSS that arrives unstyled. Blur that can be undone. These are the write-ups we wanted when we were building Grabby.

9 min read
A screenshot, a PDF and a copied component are three different answers to “save this page”. Here is what each one keeps, what each one silently throws away, and how to choose.

9 min read
Chrome will capture an entire scrolling page without any extension at all. It just hides the command, and gives up on pages past a certain height. Here are five routes and where each one stops working.

11 min read
You captured the whole page and got holes in it. Every one of those holes has a specific technical cause, and four of the five are fixable in about ten seconds once you know which one you are looking at.

8 min read
Both routes end in a file, and one of them is a picture wearing a document’s file extension. Knowing which you have determines whether anyone can search it, sign it, or print it.

9 min read
Most screenshot feedback fails not because the arrow was badly drawn, but because the image did not say which thing, in what state, at what width. Here is the craft of it.

9 min read
The blur tool feels like deletion. It is closer to rearrangement — the information is still in the file, just harder to read. Here is what to cover, and how to cover it so it stays covered.

8 min read
Transient UI is the one thing a screenshot key cannot photograph, because taking the screenshot is what destroys it. Three escalating answers, from a checkbox in DevTools to not screenshotting at all.

10 min read
The markup is the easy half. The styles are spread across a stylesheet, a :root block, a font declaration and possibly a shadow tree — which is why the paste comes back looking like 1996.

9 min read
Converting the markup is a find-and-replace. Converting the component means deciding where its styles live, and that is the part every online converter skips.

9 min read
You have a folder of 400 screenshots and you have opened it twice. The problem is not discipline — it is that a picture with no context is unsearchable, and nobody browses 400 of anything.