Awesome X 2020-W51

從 SessionStorage 開始一場 spec 之旅.

從 SessionStorage 開始一場 spec 之旅

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


為什麼要做會員分級制度?.

為什麼要做會員分級制度?

介紹會員分級的文章,讓貢獻高的會員享有高的優惠,貢獻低的會員享有低的優惠,優惠依照貢獻高低給予的行銷成本比一視同仁式的行銷成本還低,成效還更好。


Automatic Social Share Images.

Automatic Social Share Images

Automatic Social Share Images

作者幫自己的靜態網站做自動產生網頁預覽圖,主要利用到 Netlify Functions 做邏輯去驅動 Puppeteer 去抓取一個頁面存成圖片,再把圖片放到 Cloudinary

網頁預覽圖通常用在網址被分享到 FB 或 Twitter 等社交平台時它們的爬蟲會去辨識定義成 Open Graph<meta> 標籤,藉此讓分享的網址有搭配的預覽圖,一般來說網站都要對每篇文章逐一手動的把預覽圖先做好再填入 <meta> 內,上面這篇文章的作者利用前面提到的那些工具讓預覽圖是動態生成的。


How to make an awesome horizontal parallax animation.

horizontal parallax animation

How to make an awesome horizontal parallax animation

以 CSS 實現多層次動畫的教學,另外也有以 SVG 實現的版本。


TabFS.

TabFS

TabFS

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

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


Behind the Mac — Greatness.

Behind the Mac — Greatness

蘋果的 Behind th Mac 系列廣告之一,好像當年的 Think Different。


gping.

gping

gping

圖形化的 ping


開除 AI 倫理學家,谷歌如何從「不做惡」到「不寬容」?.

Google

開除 AI 倫理學家,谷歌如何從「不做惡」到「不寬容」?

Google 的 AI 倫理科學家因為發表了一篇為 Google 高層所不樂見的論文而被離職,事情傳開後 Google 受到許多關心 AI 倫理的學者與產業人士批評。

事情可以從兩個面向來看,對 Google 來說,聘請 AI 倫理科學家的主要功能是幫 Google 在 AI 倫理方面扮演公關的角色,對外最大化的宣傳 Google 在 AI 倫理方面的成就以及最小化 Google 因違背 AI 倫理規範所造成的公關危機。對 AI 倫理科學家 Timnit Gebru 來說,她則是認為自己應該扮演忠實的 AI 倫理守門員的角色,對內要求 AI 的應用應該符合倫理規範,在 Google 以商業利益為優先的政策下,違背 AI 倫理規範的事蹟就被 Timnit Gebru 「負責任地」對外揭露。


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

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

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


Poznan. The clams filter the water. They check whether the water is polluted or clean.

貝類

Poznan. The clams filter the water. They check whether the water is polluted or clean

波蘭的城市波茲南用貝類即時檢測水質。

根據他們的測試,用貝類比用現代儀器還要快速且準確的多,貝類只要遇到污染的水源就會將殼閉合起來,一旦檢測槽中一定比例的貝類是閉合的,那就代表水質出現異常,這種方式迅速即時又經濟。


只要影像有陽光與陰影,這群「地理偵探」就能推算出拍攝地點.

SunCalc

只要影像有陽光與陰影,這群「地理偵探」就能推算出拍攝地點

用照片的光影找出拍攝時間的手法報導。


Cloudflare Pages.

Cloudflare Pages

Cloudflare Pages

Cloudflare 推出了靜態網頁的寄存服務 Cloudflare Pages。

目前 Cloudflare Pages 的功能還有限,還沒與 Cloudflare Workers 做整合,Vercel 和 Netlify 即將面臨強大的競爭。