Skip to content

Instantly share code, notes, and snippets.

@konklone
Last active November 12, 2015 19:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save konklone/9c4f86e253bb43cbe107 to your computer and use it in GitHub Desktop.
Save konklone/9c4f86e253bb43cbe107 to your computer and use it in GitHub Desktop.
Looking at the homepage of what's now [vets.gov](https://www.vets.gov) over time, during development from March to its November initial public release.

Looking at the homepage of what's now vets.gov over time, during development from March to its November initial public release.

Tweets

Commits

Process

  • Checkout repo at each commit in detached mode:
git checkout [commit]
  • Usually have to edit _config.yml to change the asset URL to point to http://localhost:4000 instead of the github.io subdomain VA used in development.

  • Then run the server at http://localhost:4000:

bundle exec jekyll serve
  • Scroll down to make the text all fade in, and then take screenshots with the Full Page Screen Capture Chrome extension.

  • Convert PNGs to (large) animated GIF:

convert -delay 100 -loop 0 *.png animation.gif
  • "Coalesce" it because some random google search results told me to:
convert animation.gif -coalesce animation-coalesced.gif
  • Figure out that the size is 2125x1709, do some quick math to scale that down by 20% (1700x1207).

  • Then resize the image:

convert -size 2125x1509 animation-coalesced.gif -resize 1700x1207 animation-smaller.gif
  • animation-smaller.gif is below Twitter's 3MB size limit. (For other processes, tweak size and re-run commands as needed to get below 3MB.)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment