So I created my first Dockerfile and container – for Helma. (What else?)

To quote a famous hero of data visualizations: “If you can have a crush on software, you’ll probably fall in love with docker.” Well observed.

Already the outlook to get rid of MacPorts (although they never disappointed me, au contraire) is enticing to dive deeper into the realms of Docker interlinking and stuff…

After Dmitry Baranovskiy complained quite impressively that You Don’t Know SVG I decided to give some more love to resolution independence graphics, and here is where I’m gonna start: A compendium of SVG information.

Shī Shì shí shī shǐ.

施氏食狮史.

openPDS – the privacy-preserving Personal Data Store. (Via t3n.de.)

Oh – and happy π approximation day, y’all!

Jetzt erst recht: Freiheit für Josef!

“Österreichs Justiz wird seit Jahren von Skandalen geschüttelt. Um ihren katastrophalen Ruf scheinen sich die Damen und Herren in den schwarzen Roben aber nicht zu scheren. Richter durchlaufen eine Schmalspurausbildung und verfügen dann über absolute Macht. In keinem europäischen Land wird das Strafrecht so wenig studiert und so wenig ernst genommen wie in Österreich.«

From the Nicotine and Gender issues dept.

Why Bikes Make Smart People Say Dumb Things.

An Illustrated Book of Bad Arguments. (Via motz.antville.org.)

I wanted to make a screencast of a browser session on Ubuntu using RecordMyDesktop but it did not provide visual clues for the mouse click – so I created this little helper script.

document.addEventListener('click', function (event) {

    var config = {
        color: 'red',
        radius: 20
    };

    var halfRadius = config.radius / 2;
    var circle = document.createElement('div');

    with (circle.style) { // yes, `with`! what are you going to do now? o_O
      position = 'absolute';
      left = (event.pageX - halfRadius) + 'px';
      top = (event.pageY - halfRadius) + 'px';
      width = config.radius + 'px';
      height = config.radius + 'px';
      background = config.color;
      borderRadius = '50%';
      zIndex = Infinity;
      transition = 'opacity .5s ease-in-out';
    }

    circle.addEventListener('transitionend', function () {
        console.log(123);
        circle.remove();
    });

    document.body.appendChild(circle);

    setTimeout(function () {
        circle.style.opacity = 0;
    }, 50);
});

The Timeline of NSA Domestic Spying.