A rather geeky/technical weblog, est. 2001, by Bramus
The entire livestream of PWA Summit 2021 is available online on YouTube. This is the full livestream of the conference, and includes the keynote, all 9 talks, all 3 live Q&A sessions, and the full Future of Web Apps panel. It also includes four talks from our organizing companies. Highlights to me are: Make your …
Talk by Rich Harris, as presented at the most recent JamstackConf: Transitional apps samples elements from both traditional and modern architecture. The term is borrowed from interior design’s framing of “transitional design.” Transitional apps are, like multi-page apps, server-side rendered for fast initial loads, resilient since they work without JS by default, and provide a …
Interesting to see Chris Coyier and Stephen Shaw lift the hood of CodePen, detailing how they use Cloudflare Workers and Cloudflare’s KV Storage. Cloudflare workers are like serverless functions that always run at the edge, making them incredibly fast. Not only that, but the tooling around them is really nice. They can run at particular …
Continue reading “How CodePen leverages Cloudflare Workers and Cloudflare KV Storage”
Christian Schaefer created a DevTools Extension for both Chromium and Firefox that visualizes the children of a DOM Node. The bigger the box, the more children that child node has. After a Google Lighthouse audit complaining an excessive DOM size, have you ever wondered in which corner of your document most DOM nodes are buried? …
Recording of George Francis giving his talk “Generative design with CSS Houdini” at the most recent edition of London CSS Learn how the mystical powers of CSS Houdini can be harnessed to create ever-unique, generative user interfaces — think random patterns, shapes, animations, and more! Related: Random Paint Effects with Houdini
Patrick Brosset created a handy website that dumps the UA Client Hints your browser sends. Might come in handy. My User Agent Client Hints → Over at web.dev you can find an article that introduces User-Agent Client Hints
I’m a huge mapping nerd, so I’m a sucker for the Maps JavaScript API WebGL beta which was announced at Google I/O back in May: Introduced are three new features: WebGL Overlay View lets you add custom 2D and 3D graphics and animated content to your maps. Tilt and heading can now be adjusted programmatically, …
Percollate is a command-line tool that turns web pages into beautifully formatted PDF, EPUB, or HTML files. Installation per NPM npm install -g percollate Once installed you can, for example, run this: percollate epub https://brm.us/at-layer -o css-at-layer.epub Percollate will automatically extract the main content (powered by Mozilla’s Readability.js), perform some enhancements on it (such as …
min-content, max-content, and fit-content in CSS
In this guide, we cover what these keyword values are, their differences, and how they can apply to a real-world project. As a bonus, fit-content() (the function) is also covered. Understanding min-content, max-content, and fit-content in CSS →
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 …