Many of the sites I build are based on Drupal or WordPress, which are then turned over to be managed by the client.
While documentation for these systems exist, I always need something customized for the individual site and client. In the past I’ve used Photoshop and OpenOffice to produce a document with instructions and screenshots.
This is fine, but does take a while to produce. So I was glad to find the Awesome Screenshot Chrome plugin.
It not only takes a full screen screenshot, but then gives you a simple image editor where you can add squares and circles, arrows and text.
Here’s a quick example I made using the WordPress post edit page:
