- Problem: Thousands of pages needed to be proofed for cross-browser compatibility.
- Solution: I built a tool that displays screenshots from multiple browsers, allowing proofers to browse, view, and compare content for inconsistencies and errors.
When we first starting building books at Inkling our primary target device was the iPad. It was great not having to concern ourselves with cross-browser issues. But as we expanded our reading options to the web we had to make existing content work on desktop browsers including IE 9+, Firefox, and Chrome.
It was not possible to proof each page in each browser with any efficiency. So as a proof of concept I built a script that would parse a book’s table of contents and, using webkit2png, create screenshots at various sizes. It was soon made a formal project, producing a robust back-end that used a screenshot service to pull from the different browsers, and return a JSON file that I could build a front-end to.