Flight Paths is an experiment that transforms your room into a flight path visualization. Touch any horizontal surface and explore as flights take off from JFK or SFO and fly around your space.
-
Recent Posts
Archives
Categories
Meta
AR Experiments: Flight Paths – A visualization of flight data that floats around you.
Data Selfie – A browser extension analysing your Facebook consumption
Data Selfie is a browser extension that tracks you while you are on Facebook to show you your own data traces and reveal what machine learning algorithms could predict about your personality based on that data.
The tool explores our relationship to the online data we leave behind as a result of media consumption and social networks – the information you share consciously and unconsciously.
Using the new Async Clipboard API
Shipping with Chrome 66 is an implementation of the new Async Clipboard API. Its asynchronous nature makes it the preferred way – over document.execCommand – to perform copy-paste operations in the browser.
// Write Text to the Clipboard (e.g. copy)
navigator.clipboard.writeText('Text to be copied')
.then(() => {
console.log('Text copied to clipboard');
})
.catch(err => {
// This can happen if the user denies clipboard permissions:
console.error('Could not copy text: ', err);
});
// Read Text from Clipboard (e.g. Paste)
navigator.clipboard.readText()
.then(text => {
console.log('Pasted content: ', text);
})
.catch(err => {
console.error('Failed to read clipboard contents: ', err);
});The Making of ”Welcome Home” by Spike Jonze
I really enjoyed Apple’s “Welcome Home” ad for the HomePod, directed by Spike Jonze:
Over at AdWeek there’s a behind the scenes video available showing how they made it:
In particular, we get immersed in the choreography and the production design. But we also see how other elements came together, like the lighting, music and VFX.
Really fascinating stuff as there was almost no CGI involved (the set really moves as it was built using hydraulics).
This Look Inside Spike Jonze’s Apple Ad Is as Fascinating as the Film Itself →
(via ★)
The Broccoli Tree: A Parable
Patrik Svedberg had been taking photos of a particular and unique tree which he named “The Broccoli Tree”. He posted the photos on an Instagram account dedicated to the tree. And then one day, he noticed something was wrong with the tree. This video by Seth Radley tells the story.
To share something is to risk losing it
(via Kottke)
Convert SVG to JSX with SVGR
Ooh, this one’s handy. Paste in (no drag and drop unfortunately) the contents of an SVG file and out comes the JSX code for immediate use within your React project.
SVGR also simplifies your SVG using SVGO (which is also the driving force behind SVGOMG)
Subsetting web fonts with glyphhanger
glyphhanger is a great tool to work with web fonts, developed by the folks at Filament Group. It serves two goals:
-
It shows what unicode-ranges are used on a web page:
# local and remote URLs $ glyphhanger ./test.html $ glyphhanger https://example.com # output characters instead of Unicode code points $ glyphhanger ./test.html --string # show results for each font-family on the page $ glyphhanger ./test.html --json # show results only for one or more font-family names $ glyphhanger ./test.html --family='Open Sans, Roboto' -
It can subset web fonts so that you end up with smaller font files:
# Subset to the glyphs at a URL only using content that matches a specific font-family $ glyphhanger ./test.html --subset=*.ttf --family='Lato,sans-serif' Subsetting LatoLatin-Regular.ttf to LatoLatin-Regular-subset.ttf (was 145.06 KB, now 24 KB) Subsetting LatoLatin-Regular.ttf to LatoLatin-Regular-subset.zopfli.woff (was 145.06 KB, now 14.34 KB) Subsetting LatoLatin-Regular.ttf to LatoLatin-Regular-subset.woff2 (was 145.06 KB, now 11.37 KB)
From 145.06kB to 24kB, that’s a huge win!
glyphhanger is mentioned in this highly interesting talk “Web Fonts are ▢▢▢ Rocket Science” by Zach Leatherman:
Installation per NPM:
npm install -g glyphhangerFancy Words and Big Concepts
Reminds me of a few meetings/conversations I recently had 🙃
More quotes by Naval in this post: Navalism.