Endangered Species visualized in Pixels

Imgur user JJSmooth44 scraped The Animal Planet endangered animals list and generated photos of several animals where each “pixel” represents one actual animal running around. The more pixelated the image, the closer it is to extinction. There are about 2500 Bengal Tigers, so the picture above consists of 2500 “pixels”: The Amur Leopard is less […]

Automate your release process with 🛳 Ship.js

Interesting work by Algolia, to more easily release new versions of your packages: When releasing, you go through something like the following: Update the version in package.json Update the changelog Actually release it (e.g. yarn build && yarn publish) Create a git tag As such as manual process is prone to errors, they’ve developed 🛳 […]

How to start using your browser’s debugger

Solid introduction – with a real use case – on how to use the browsers’s built-in debugger: In this post, I will cover using breakpoints, stepping through your code, setting watch expressions, and applying your fixes in Chrome Developer Tools. How to stop using console.log() and start using your browser’s debugger → ☝️ Do not […]

Mercator – It’s a flat, flat world!

In the 16th century, Gerardus Mercator, a Flemish cartographer devised a new way of depicting the world on a flat plane. We set off to explore his map in order to illustrate his biggest blunders, unearth curious facts and explain the advantages that make this representation of the globe still relevant today. I especially like […]

Thinking in React Hooks

React introduced hooks one year ago, and they’ve been a game-changer for a lot of developers. There are tons of how-to introduction resources out there, but I want to talk about the fundamental mindset change when switching from React class components to function components + hooks. The code-flow visualisations between the class component and function […]

Flexbox Holy Albatross with CSS Grid

In succession to The Flebox Holy Albatross, Jonathan Snook wondered if he could recreate it using CSS Grid. ℹ️ To recap, with the Flexbox Holy Albatros a layout goes from either all items stacked next to each other (e.g. all horizontal) to all items stack on top of each other (e.g. all vertical): There’s no […]

Boston Dynamics Spot hands-on: new dog, new tricks

An update on Spot / SpotMini, by The Verge: Boston Dynamics is putting Spot to work. The company has announced a new leasing program for its Spot robot (formerly SpotMini), which is aimed at construction, entertainment, and other automation-friendly industries. But is the world ready for this semi-autonomous quadruped? Boston Dynamics’ Spot is leaving the […]

An HTML attribute potentially worth $4.4M to Chipotle

Jason Grigsby: I recently found myself racing to fill out Chipotle’s online order form before my mother could find her credit card. In the process, I discovered a bug that could cost Chipotle $4.4 million annually. The form didn’t play nice with autocomplete and therefore would not get sent … The culprit? A JS library […]

The Lufthansa Upcycling Collection

Lufthansa cabins are full of high-quality materials. Even the outer skin is made of extremely durable materials. They’re much too valuable to throw away ⁠– it would be better to reuse them. We commissioned product designers and recycling experts to sustainably reuse the original materials. Their creativity was given free rein, and that paid off […]