:::

動態轉換PWA / Convert a Website to PWA dynamically

布丁布丁吃布丁

動態轉換PWA / Convert a Website to PWA dynamically

2023-0114-212919.png

把網頁變成電腦的應用程式,這種應用程式就叫做PWA (Progressive Web App)。最近我才發現,不用網站管理者,我也可以把網站變成PWA。

(more...)

如何產生網頁無障礙友善的顏色組合? / Accessible color palette generator

如何產生網頁無障礙友善的顏色組合? / Accessible color palette generator

2023-0114-180725.png

最近看到有人的投影片用了超級低對比的文藝風格樣板,結果在投影機上什麼都看不到,真是令人困擾。到底要怎麼挑選顏色好呢?

(more...)

繼續挑戰自動轉發到Pinterest / Try to forward RSS to Pinterest Again

布丁布丁吃布丁

繼續挑戰自動轉發到Pinterest / Try to forward RSS to Pinterest Again

2023-0114-174127.png

「布丁布丁吃什麼?」的Pinterest分部至今依然是一攤死水。醫生,他還有救嗎?

(more...)

以圖製圖的AI外掛:Synthesys X / Synthesys X: Generate New Images based on the Original Image

布丁布丁吃布丁

以圖製圖的AI外掛:Synthesys X / Synthesys X: Generate New Images based on the Original Image

2023-0114-153039.png

大家知道的AI製作圖片,大多都是要輸入合適的描述詞,再請模型根據描述詞來產生圖片。但如果我只有圖片,連要怎麼描述都不知道的話,有辦法用AI產生圖片嗎?

(more...)

用ImageMagick裁除多餘邊緣 / Use ImageMagick to Remove the Image's Margins

布丁布丁吃布丁

用ImageMagick裁除多餘邊緣 / Use ImageMagick to Remove the Image's Margins

2023-0111-035622.png

現在有很多工具可以移除背景、只保留圖片的主體。不過就算背景移除了,旁邊的空白或透明邊緣依然存在。有沒有快速移除這些邊緣呢?

(more...)

用JavaScript裁切圖片多餘邊緣 / Trim an Image by JavaScript

布丁布丁吃布丁

用JavaScript裁切圖片多餘邊緣 / Trim an Image by JavaScript

2023-0111-200159.png

雖然說ImageMagick是可以處理圖片沒錯,但畢竟要安裝工具還是有點麻煩。能不能直接在網頁就能裁切圖片多餘的邊緣呢?

(more...)

用Colab分享Google雲端硬碟裡的檔案 / Use Colab to Get the Sharable Link of a Specific File in Google Drive

用Colab分享Google雲端硬碟裡的檔案 / Use Colab to Get the Sharable Link of a Specific File in Google Drive

2023-0111-015240.png 如果要分享Google雲端硬碟裡面的檔案,比起用滑鼠點到出現腕隧道症候群,有沒有更好的方法呢?

(more...)