This XKCD comic is right up my alley: The projection does a good job preserving both distance and azimuth, at the cost of really exaggerating how many South Americas there are. 😂 Bad Map Projection: South America →
Bad Map Projection: South America
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 …
Continue reading “Debunking the Myth: Accessibility and React”
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 …
Test an IMAP connection with cURL
Today I needed to debug an IMAP problem. I got reports from a user (whose password I recently rotated) that Outlook wouldn’t connect, even though they had updated the password in Outlook’s settings. Checking things on the server I noticed that the connection to the server was made, but the login attempt always failed. As …
Squash all Git commits with git squash-all
Freek just shared his workflow to squash all git commits into one single commit — Handy for when you’re pushing a first public release of a project. His process involves removing the .git folder and starting off fresh again with a git init. Wondering if there are handier/shorter ways to achieve this I set off …
Continue reading “Squash all Git commits with git squash-all“
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 …
Continue reading “Tiny Helpers – A collection of useful online web development tools”
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 …
How to build a React App with Snowpack
Straight to the point video by Ryan Lanciaux on how to use React with the aforementioned Snowpack: Thanks Ryan, saved me some research! Snowpack with React: An awesome way to build web applications →
Watch PIP YouTube videos on macOS with pipcorn
With pipcorn you can spawn a picture-in-picture YouTube player on your Mac without installing anything! Install it globally using npm, or run it directly using npx: npx pipcorn https://www.youtube.com/watch?v=dQw4w9WgXcQ Basically it’s a wrapper around ytdl (to get the MP4 URL) and open-pip-cli (to open a PIP player). Love the name, too. pipcorn Source (GitHub) →