#Web

幾個常見功能重合 DOM API 的細節差異.

幾個常見功能重合 DOM API 的細節差異

比較幾組類似的 web API 的細微差異。


TabFS.

TabFS

TabFS

瀏覽器的外掛,讓網頁的內容以檔案的方式掛載到作業系統內。

TabFS 利用 FUSE 的機制與它的瀏覽器外掛溝通,讓網頁可以掛載到檔案系統內,但目前的安裝方式需要自己編譯 TabFS 的 FUSE 模組,對一般人來說比較困難。


從 SessionStorage 開始一場 spec 之旅.

從 SessionStorage 開始一場 spec 之旅

分別從 HTML 規格和瀏覽器實作兩個面向看 SessionStorage 的文章。


Apple and Cloudflare Develop New Privacy-Focused Internet Protocol.

Cloudflare

Apple and Cloudflare Develop New Privacy-Focused Internet Protocol

Cloudflare 正在開發新的 DNS 查詢機制,讓 DNS 無法識別查詢人的身份與來源。

現有的 DNS 加密機制 DoH (DNS-over-HTTPS) 是端對端加密,確保第三方無法取得原始查詢內容,但 DNS 營運方還是能夠知道查詢人的來源與查詢目標,Cloudflare 新的 ODoH (Oblivious DoH) 機制是在用戶端與 DNS 中間插入一個中介主機,來自用戶端的查詢會進入中介主機而不直接發送給 DNS,DNS 也只會收到來自中介主機的查詢,因此它無法知道在中介主機後面究竟是誰在做這筆查詢,當然這個機制要能成立的前提是中介主機的角色以及營運方,必須確保中介主機的營運方不會洩漏查詢者的隱私。


Time to Say Goodbye to Google Fonts.

Goodbye

Time to Say Goodbye to Google Fonts

作者建議把 web font 放在自己的空間內,不要用 Google Fonts 的連結,因為 Google Fonts 的 CDN 很慢,而且 Chrome 新的 cache partitioning 機制又會讓 CDN 可跨站快取的優勢蕩然無存。

Chrome 86 版起啟用了新的快取原則,每個網站的快取資源都是獨立的,意思是,即使A、B兩個網站同樣引用 Google Fonts 的同一個字體,訪客在A站拿到的字體快取,再去訪問B站時,是不會去拿A站的那份字體快取的,只要跨站,快取資源就互相獨立,在新政策之下,不只是 Google Fonts,所有的 CDN 直連的資源(字體、JavaScript 套件、CSS 套件、圖標等)的快取檔案都在站與站之間是互相隔離的。


Statically.

Statically

Statically

Statically 提供了一系列的 CDN API 服務,包括 GitLab / GitHub 專案、圖片、WordPress 主程式/外掛/佈景主題、網頁快照等。

Statically 也有特別對 WordPress 提供整合的外掛,讓 WordPress 用戶可以享用 Statically 的服務。

Statically 的設計都是直接拿 cdn.statically.io 為開頭的網址直接調用它的服務,CDN 背後的服務則是由各大 CDN 服務商提供。

目前 Statically 是免費使用的,也接受小額捐款。


How to detect human faces (and other shapes) in JavaScript.

How to detect human faces (and other shapes) in JavaScript

用 web 原生的 Shape Detection API 做人臉識別的教學與範例。

Shape Detection API 除了人臉識別,還有條碼識別與文字識別,但在瀏覽器的實作程度不一,目前還不適合進入生產環境使用。


PRESENTA Lib.

PRESENTA Lib

PRESENTA Lib

JavaScript 的網頁簡報套件,可以直接把簡報內容以它定義的規範寫在網頁內。