MapItOut: “How far could I live from X?”

The folks at IAmsterdam have released a map that measures distances not in miles / kms but in time. Select a spot + a means of transportation + a desired travel time and it’ll show you how far away (in time) you can get. From what I can tell European countries such as Belgium, France, …

Visual Studio Code: Visually Hide Secrets in Environment Files with Cloak

Sparked by an idea by Wes Bos, John Papa has created and released a first version of Cloak: Cloak hides/shows your secrets in environment files, to avoid accidentally sharing them with everyone who sees your screen. Handy when doing screencasts and the like. Do note that it only visually hides the secrets, no changes are …

Is 2FA using SMS Secure?

In case you were still in doubt after this SIM port horror story from back in May: We examined the authentication procedures used by five prepaid wireless carriers when a customer attempts to change their SIM card, or SIM swap. We found that all five carriers use insecure authentication challenges that can easily be subverted …

The Case for Web Components

With the release of “Edgium”, all major browsers now support Web Components. An effort 9 years in the making, but we’ve finally made it. WebComponents are supported natively in every major browser pic.twitter.com/6yPoTXno27 — Polymer Project (@polymer) January 15, 2020 Perfect time to link to this by Viljami Salminen in which he makes the case …

Debunking the Myth: Accessibility and React

Mark Steadman from Deque: React can be an accessible application framework with the right knowledge and the right know-how. The stigma that it is not an accessible framework is simply not true. It has some of the best built-in accessibility functionality there is out there, and a large community of accessibility advocates that are creating …

Chromium-based Edge released

Two days ago, Microsoft released their new Edge browser — the one based on Chromium. Apart from a huge change in web features support it also pushes its privacy features – the new “Browser War” – forward. With this release the version numbering also jumped from 18 to the Chromium version number it is based …

ES-Everything: an ECMA Explainer

Matthew Gerstman explaining a lot of terms that evolve around JavaScript: ECMA, TC39, Babel, Polyfills, … So you Google how to make your app work in IE 10, or 11, or whatever. You’re quickly flooded with acronyms and terms you’ve never heard before ES5, ES6, ESNext, ES2020, TC39, ECMA. What’s a transpiler? People are debating …

Tiny Helpers – A collection of useful online web development tools

Nice new single-purpose site by Stefan Judis, which lists single-purpose web development tools – such as the aforementioned CSS Grid Generator and Smooth Shadow Generator for example – in one single place. As detailed in a Twitter thread, the site is built using Eleventy, deployed to Zeit, and screenshots of the sites are automatically taken …

Should you self-host Google Fonts?

Google Fonts is great, but it also has a downside: it affects your page’s waterfall (during which some render-blocking may occur, as it involves CSS) as explained by Barry Pollard: The problem is that your website (say www.example.com) loads the stylesheet from fonts.googleapis.com, which returns some CSS made up of font-face declarations. This means you …