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); |