Manage Google Maps API keys with the Google Cloud SDK (gcloud)

To manage cloud infrastructure I’m a huge fan of Terraform. Unfortunately I noticed that it’s not possible to use Terraform for managing API Keys for Google Maps (and other services). After some digging I found that the alpha version of the Google Cloud SDK has support for it. Commands available in the stable gcloud release: …

CodeSwing — Interactive Coding Playground (like CodePen, JSFiddle, etc.) Extension for Visual Studio Code

The Visual Studio Code extension named “CodeSwing” just blew my socks off. CodeSwing is an interactive coding playground for VS Code, that allows you to build/explore/learn rich web applications (“swings”). It’s like having the magic of a traditional web playground (e.g. CodePen, JSFiddle), but in Visual Studio Code! Using the Command Palette you can create …

Cloudflare R2 Storage

Cloudflare just announced their Cloud Storage solution, R2, with a very interesting pricing model (emphasis mine): Traditional object storage charges developers for three things: bandwidth, storage size and storage operations. R2 builds on Cloudflare’s commitment to the Bandwidth Alliance, providing zero-cost egress for stored objects — no matter your request rate. Cloudflare R2 will be …

Free Video Course: Build Static Pages Dynamically using Next.js and the Notion API

This free video course over at Egghead forms a nice introduction to both Next.js and the Notion API. In this course, you will learn how to pre-render static pages with data from the Notion API. We will cover querying page, block and database data, as well as updating properties with mutations, and some helpful techniques …

Partytown: Run Third-Party Scripts off the Main Thread in a Web Worker

The folks from builder.io set out to create a way to prevent Third-Party Scripts from blocking the main thread. The result is Partytown, which runs Third-Party Scripts Within a Web Worker. Partytown is able to sandbox and isolate third-party scripts within a web worker and allow, or deny, access to main thread APIs. This includes …

CSS initial doesn’t do what you think it does

Another great video by Kevin Powell on one of those things in CSS that many may have heard of, but most likely don’t understand entirely (I know I didn’t for a very long time 😅). We often think initial sets something back to how it started, but it actually does a lot more than that. …

Miniflare — Fully-local simulator for Cloudflare Workers

Miniflare is a simulator for developing and testing Cloudflare Workers. Originally started as an open-source project, Miniflare has been adopted by Cloudflare to become part of their ecosystem. Installation per NPM: npm install -g miniflare CLI usage is really simple, and is highly configurable using one of its many flags: $ miniflare worker.js [mf:inf] Worker …

How I Made a Self-Quoting Tweet

Oisín Moran created a tweet that contains a link to itself. https://t.co/MAbIwtoonW — quinetweet (@quinetweet) September 26, 2020 💡 Best viewed in a third-party Twitter client, as the Twitter website shows “This Tweet is unavailable” as it tries to expand the link. On his website he explains how he did it. Fundamentally the challenge is …

ct.css – Let’s take a look inside your <head>

Harry Roberts created a utility CSS file ct.css that x-rays your site’s <head>: Your <head> is the single biggest render-blocking part of your page—ensuring it is well-formed is critical. ct.css is a diagnostic CSS snippet that exposes potential performance issues in your page’s <head> tags. <link rel="stylesheet" href="https://csswizardry.com/ct/ct.css" class="ct" /> The CSS basically adds display: …

Achoo — iOS Safari Extension to view HTML Source

Quickly view the HTML for a given page in Safari on iOS/iPadOS 15. Customizable, beautiful, easy to use, and you can tweak the page too! When tapping the “Edit” button it activates contenteditable on the page. Costs $0.99. Achoo HTML Viewer → If you don’t want to buy this extension, or are not using Safari …