Name: template-service-history
Owner: HM Land Registry
Description: null
Created: 2018-05-11 09:32:41.0
Updated: 2018-05-15 06:46:59.0
Pushed: 2018-05-15 06:46:56.0
Homepage: null
Size: 18343
Language: JavaScript
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
Browse screenshots of a GOV.UK service, organised by time and user scenario.
https://landregistry.github.io/template-service-history/
You can view different sets of screenshots for each moment in time, zoom in and out of them or step through them in order.
The app is very simple and doesn't require anything to be installed or run in a terminal. Just open the index.html file in the root folder. It works especially well in Chrome's presentation mode. Your mileage may vary in other browsers.
If you work on this service and want to add or update screenshots of it please go ahead. Pull requests are the best way. You'll need to know how to use Git and how to edit very simple data files.
On OSX, Paparazzi is the best way to capture screenshots. You can set the maximum and minimum widths for the screens, and can capture images in batches.
Nixon is a tool that allows you to automate screenshot capture using CasperJS or PhantomJS.
On Windows you can use the Awesome Screenshot plugin for Chrome.
You can also use services like BrowserStack or Sauce Labs for automated serverside screenshot capture.
Each 'point in time' - a version of the service, has it's own numbered folder in '/version'. Drop all your images into the 'images' subfolder (1024px wide is best).
v99 contains the current version of the service, to be added to as changes occur. At a sensible point in time, make a snapshot of 99 with a lower number.
Edit the data.js file in your numbered version folder.
Once you're done, don't forget to add a link to your version from the 'index.html' file in the root of this repository (not the one in your numbered exemplar folder).
This tool is based on (and code cloned from) GDS Exemplar screens repo.