Capture screenshots of 2 websites and render an animated gif of the differences
http://www.phpied.com/css-diff/
- node
- phantomjs
- imagemagick
| ### Keybase proof | |
| I hereby claim: | |
| * I am maiis on github. | |
| * I am maiis (https://keybase.io/maiis) on keybase. | |
| * I have a public key whose fingerprint is A546 8E16 7942 9FE4 C16E 1965 B5C3 3CDF 29E5 88B0 | |
| To claim this, I am signing this object: |
| #!/usr/bin/env bash | |
| # names of latest versions of each package | |
| export VERSION_PCRE=pcre-8.36 | |
| export VERSION_OPENSSL=openssl-1.0.2a | |
| export VERSION_NGINX=nginx-1.9.0 | |
| # URLs to the source directories | |
| export SOURCE_OPENSSL=https://www.openssl.org/source/ | |
| export SOURCE_PCRE=ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/ |
| # Un .XZY gratuit | |
| # Un .INFO gratuit | |
| # Un .SPACE gratuit | |
| # Un .FR à 50% | |
| # Un .ME à 1€ |
Capture screenshots of 2 websites and render an animated gif of the differences
http://www.phpied.com/css-diff/
| function smartQuotes(text) { | |
| text = text.replace(/(^|[-\u2014\s(\["])'/g, "$1\u2018"); // opening singles | |
| text = text.replace(/'/g, "\u2019"); // closing singles & apostrophes | |
| text = text.replace(/(^|[-\u2014/\[(\u2018\s])"/g, "$1\u201c"); // opening doubles | |
| text = text.replace(/"/g, "\u201d"); // closing doubles | |
| text = text.replace(/--/g, "\u2014"); // em-dashes | |
| return text; | |
| } |
| // save old function | |
| $.ajaxOld = $.ajax; | |
| // replace ajax call with our own that adds the delay | |
| $.ajax = function() { | |
| // save state from the original function call for use later | |
| var args = [].slice.call(arguments); | |
| var self = this; | |
| // call the original ajax function in 1.5 seconds |
| <script> | |
| /* | |
| A div with an id of 'slideshow' contains five images, the first of which is shown and the others are hidden using | |
| a display style of none. Using JavaScript, create a simple slideshow that cycles through the images, displaying | |
| each image for three seconds at a time, looping back to the first image when the end is reached. You cannot use | |
| jQuery or any other library. | |
| */ | |
| (function() { | |
| var images = document.getElementById("slideshow").getElementsByTagName("img"); | |
| var currentIndex = 0; |
| /** | |
| * Move in a circle without wrapper elements | |
| * Idea by Aryeh Gregor, simplified by Lea Verou | |
| */ | |
| @keyframes rot { | |
| from { | |
| transform: rotate(0deg) | |
| translate(-150px) | |
| rotate(0deg); |