:::

被人遺忘的Filesystem API / HTML5 Filesystem API

布丁布丁吃布丁

被人遺忘的Filesystem API / HTML5 Filesystem API

2023-0114-222234.png

如果要在網頁應用程式裡面保存檔案的話,你會怎麼做呢?

(more...)

JavaScript新推出的Maps資料類型 / New JavaScript Data Type: Map

布丁布丁吃布丁

JavaScript新推出的Maps資料類型 / New JavaScript Data Type: Map

2023-0114-215259.png

JavaScript在ES6導入了Map物件類型。這跟大家習以為常的Object有什麼不同呢?

(more...)

動態轉換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...)

如何評估開放原始碼專案? / How to evaluate an Open Source Project?

布丁布丁吃布丁

如何評估開放原始碼專案? / How to evaluate an Open Source Project?

2023-0110-202223.png

V-index是評估開放原始碼專案被使用的流行程度,但有些專案目標市場本身就是專業小眾,只從被使用的程度來看專案,好像還不太夠。

(more...)

Zotero引用樣式應用:書目細節列點和簡短名稱 / Generate a Detailed List or  a Filename from a Record in Zotero

布丁布丁吃布丁

Zotero引用樣式應用:書目細節列點和簡短名稱 / Generate a Detailed List or  a Filename from a Record in Zotero

2023-0110-165708.png

最近使用Zotero都不是在論文上,很多時候需要用它來整理檔案、製作投影片。為此我撰寫了slide-folder.csl,可以用來產生書目細節的列點結果,或是產生一段包含年份、作者、標題的字串,方便作為資料夾的名稱。

(more...)

如何評估開放原始碼專案的影響力? / How to Measure the Impact of an Open Source Project?

布丁布丁吃布丁

如何評估開放原始碼專案的影響力? / How to Measure the Impact of an Open Source Project?

2023-0109-202221.png

如果要評估一個專案的成功程度,我們很多時候會用專案的成本與獲益來作為評估的指標。但對於沒有實質收益的開放原始碼專案來說,到底要怎麼評估它呢?

(more...)

資訊視覺化工具DataGear / DataGear: Visualize Your Data

資訊視覺化工具DataGear / DataGear: Visualize Your Data

2023-0109-133155.png

如果要把資料庫的資料用容易閱讀的方式顯示的話,你會怎麼做呢?

(more...)