Getting Started with PWAs

View Getting Started with PWAs [Workshop] on Notist. Slides from Aaron Gustafson‘s PWA workshop at the PWA Summit. Aaron will walk you, step-by-step, through the process of turning a website into a PWA. Following along, you’ll author Web App Manifests and Service Workers and gain exposure to some next-gen APIs that tie them more deeply …

Who Would Kidnap a Space Telescope?

On YouTube I follow SmarterEveryDay. The latest published video is about the James Webb Space Telescope (JWST). The James Webb Space Telescope is an orbiting infrared observatory that will complement and extend the discoveries of the Hubble Space Telescope, with longer wavelength coverage and greatly improved sensitivity. The longer wavelengths enable Webb to look much …

redact.photo – Free and Private Image Redaction in the Browser

Wonderful little tool by Rik Schennink to redact photos straight in the browser. The redacted parts can’t be reversed, as the pixels get randomly shifted before they are blurred. I've added this "How does it work?" section to https://t.co/EoDQGxV4An to explain why _I think_ its blurring is secure. https://t.co/bb1Wvj3JsV pic.twitter.com/KVGigqJHly — Rik Schennink (@rikschennink) October …

A Guide To CSS Debugging

Over at Smashing Magazine, Stephanie Eckles has published an extensive piece on CSS Debugging. In my experience, CSS layout issues often fall out of one of the following categories: Overflow of content from its parent resulting in extra or unexpected scrollbars and content being pushed out of the regular viewport area. Inheriting browser inconsistencies leading …

Conditional Border Radius In CSS

Ahmad Shadeed recently spotted this declaration in Facebook’s CSS: .card { border-radius: max(0px, min(8px, calc((100vw – 4px – 100%) * 9999))); } It’s a really interesting piece of code, which acts as a toggle to only show rounded corners in case the element does not entirely span the viewport width. We don’t want rounded corners …

Understanding How Facebook Disappeared from the Internet

Interesting read on how the folks at Cloudflare saw Facebook go down last night, and how it impacted traffic on their end. The Internet is literally a network of networks, and it’s bound together by BGP. BGP allows one network (say Facebook) to advertise its presence to other networks that form the Internet. As we …

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 …