A dynamic projection mapping by Antoon Verbeeck and Filip Sterckx located in Leuven, Belgium: We used a Panasonic PT-VZ570U projector, which had the MH12-VZ75L Mirror Head from Dynamic Projection Institute mounted in front of the projector’s lens. This is basically a mirror that is motorized and programmable and that can rotate 270 degrees, as well …
git-blame-someone-else
How the CSS minmax() Function Works
One incredibly useful new feature introduced with the CSS Grid Layout Specification is the minmax() function. This function opens the door to us being able to write much more powerful and succinct CSS by allowing us to set, as a value for a grid track, a function including both a minimum and maximum value. Using …
runes – Unicode-aware JS string splitting with full Emoji support
At Small Town Heroes I’m currently working on a newsreader app built using React Native. On Android (even 7.1.1) we noticed this weird issue where some emojis would render incorrectly when we were applying styling on it using index-based ranges: the range seemed to be off by one, splitting the emoji into its separate bytes. …
Continue reading “runes – Unicode-aware JS string splitting with full Emoji support”
The problem with maps // Playing with Projections
One of the core ideas covered in my talk named “Geoshizzle” on mapping is that the Mercator projection is way overdue. It’s main feature of preserving angle measurements is no longer feasible in this time and age (it was back when you were sailing a boat to get somewhere), and it’s distortion of areas has …
Continue reading “The problem with maps // Playing with Projections”
Introduction to commonly used ES6 ES2015 features
Good overview to get started with ES2015 by Zell Liew in case you’re still not using it (which you should; just do it!). As he puts it: JavaScript has progressed a ton in the recent years. If you’re learning JavaScript in 2017 and you haven’t touched ES6 ES2015, you’re missing out on an easier way …
Continue reading “Introduction to commonly used ES6 ES2015 features”
Debugging Node.js using the Chrome DevTools
With Chrome 57+, the Node.js debugging feature is enabled by default. To start debugging, run your Node.js application [using Node 6.4+] with the –inspect flag. Like so: $ node –inspect <your_file>.js Open the outputted URL or visit chrome://inspect/ to open dedicated DevTools for Node to start debugging 🙂 Debugging Node.js with Google Chrome →
Google Maps’s Quiet Transformation
Justin O’Beirne kept an eye on how a specific area evolved on Google Maps and on Apple Maps over time: Patricia’s Green is the centerpiece of a vibrant and trendy neighborhood in central San Francisco, just blocks away from City Hall. I wrote a script that takes monthly screenshots of Google and Apple Maps. Thirteen …
npm v5.0.0
This release marks months of hard work for the young, scrappy, and hungry CLI team, and includes some changes we’ve been hoping to do for literally years. npm@5 takes npm a pretty big step forward, significantly improving its performance in almost all common situations, fixing a bunch of old errors due to the architecture, and …
Learning Music with Ableton
Nice work by the Ableton folks. A website to experiment with beats, melody, harmony, basslines, and song structure: In these lessons, you’ll learn the basics of music making. No prior experience or equipment is required; you’ll do everything right here in your browser. Right here in your browser™ Learning Music with Ableton →