briantjacobs

// Important: You must serve your pages as XHTML for this shim to work,
// otherwise namespaced attributes and elements will get messed up.
Object.defineProperty(SVGElement.prototype, 'innerHTML', {
  get: function() {
    var $child, $node, $temp, _i, _len, _ref;
    $temp = document.createElement('div');
    $node = this.cloneNode(true);
    _ref = $node.children;
    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
      $child = _ref[_i];

briantjacobs

Himawari-8 animation tutorial

Here’s how to make animations like this one. It requires intermediate Unix command-line knowledge, to install some tools and to debug if they don’t work. You’ll need these utilities:

• curl (or you can translate to wget)
• convert and montage, part of ImageMagick
• ffmpeg, plus whatever codecs
• parallel, for iteration that’s nicer than shell for loops or xargs
• run everything in zsh for leading 0s in numerical ranges to work

briantjacobs

#!/usr/bin/env node

// USAGE ------
// ============

var shell = require('./shellHelper');

// execute a single shell command
shell.exec('npm test --coverage', function(err){
    console.log('executed test');

briantjacobs

// USAGE ------
// ============

var shell = require('./shellHelper');

// execute a single shell command
shell.exec('npm test --coverage', function(err){
    console.log('executed test');
}});

briantjacobs

The difference between XYZ and TMS tiles and how to convert between them

Lots of tile-based maps use either the XYZ or TMS scheme. These are the maps that have tiles ending in /0/0/0.png or something. Sometimes if it's a script, it'll look like &z=0&y=0&x=0 instead. Anyway, these are usually maps in Spherical Mercator.

Good examples are OpenStreetMap, Google Maps, MapBox, MapQuest, etc. Lots of maps.

Most of those are in XYZ. The best documentation for that is slippy map tilenames on the OSM Wiki, and Klokan's Tiles a la Google.

briantjacobs

development:
  adapter: mysql2
  encoding: utf8
  database: my_database
  username: root
  password:
  apt:
    - somepackage
    - anotherpackage

briantjacobs

# EPIC Daily “Blue Marble” API

The API URL is: http://epic.gsfc.nasa.gov/api/images.php

This gets you a list of the latest day’s images & metadata.

OR

http://epic.gsfc.nasa.gov/api/images.php?date=YYYY-M-D&w=X&e=Y

briantjacobs

# Replace any brackets with real values

# Try to ssh in to DREAMHOST (ensure it no longer asks for a PW); you may want to restart Terminal
ssh [user]@[host]
cd ~
mkdir [mydomain_com].git
cd [mydomain_com].git
git init --bare
vi hooks/post-receive
# Enter the code from the "post-receive" file (in this gist); save + quit 

briantjacobs

# This config is used for Dreamhost which HTTP basic authoriztion is forbidden.
# The PHP Server variable 'PHP_AUTH_USER' & 'PHP_AUTH_PW' could be implement by
# this config via a CGI environment variable.
# From [HTTP Authentication on PHP as CGI (like Dreamhost)](http://planetozh.com/blog/2009/04/http-authentication-on-php-as-cgi-like-dreamhost/)

RewriteEngine on
RewriteRule ^git-hook.*\.php - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization},L]

briantjacobs

A short code excerpt from this visualization I created for the longform article “Iouri Podladtchikov – You only fly once” by the Neue Zürcher Zeitung.

It's a very simple way to create an interactive animation based on video material. Hover over the image to go through the animation.

I used Final Cut Pro to crop and export the frames of a short video sequence, which I then stitched together into a single film strip using ImageMagick: convert folder-of-stills/* +append filmstrip.jpg