A rather geeky/technical weblog, est. 2001, by Bramus
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 …
Continue reading “Partytown: Run Third-Party Scripts off the Main Thread in a Web Worker”
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 …
Continue reading “Miniflare — Fully-local simulator for Cloudflare Workers”
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: …
Continue reading “ct.css – Let’s take a look inside your <head>”
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 …
Continue reading “Achoo — iOS Safari Extension to view HTML Source”
Applications we design are becoming increasingly data-driven. The need for quality data visualization is high as ever. Confusing and misleading graphics are all around us, but we can change this by following these simple rules. I found these tips very snackable and on-point. Don’t entirely agree with “4. Use adaptive y-axis scale for line charts”, …
Over at Smashing Magazine, Robin Marx has written a 3-part series on HTTP/3: After almost five years in development, the new HTTP/3 protocol is nearing its final form. Earlier iterations were already available as an experimental feature, but you can expect the availability and use of HTTP/3 proper to ramp up over in 2021. So …
Adding shadows on the web isn’t that hard: slap a CSS box-shadow onto an element and you’re done. But as Josh W. Comeau points out, making a good, life-like, shadow is hard. When I look around the web, though, it’s clear that most shadows aren’t as rich as they could be. The web is covered …
A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance. import { animate } from “motion” const boxes = document.querySelectorAll(".box"); animate(boxes, { backgroundColor: "red" }); Motion One → Be sure to also read the “Improvements over WAAPI” page.
On the Polypane website you can find an interactive Specificity Calculator. Paste in any selector from CSS Selectors Level 4 — yes, that includes those special cases :is(), :where(), :not(), etc. — and out comes the Specificity. CSS Specificity Calculator →