部落格

圖片轉換、檔案格式、開發者工具等主題的教學與指南 —— 每篇都說明背後的原理與常見陷阱,並附上可以直接試的線上工具。

該轉成哪一種格式?98 筆實測換來的一張決策表

我們把同一組測試檔跑過站上 38 個轉換器,把每一個輸出位元組都量出來。照片、截圖、標誌、掃描檔各該轉什麼,數字說得比排名清楚。

SEO meta 標籤與 Open Graph 的差別、真正重要的標籤、建議尺寸與長度,以及為什麼你的預覽有時不更新。

SQL 格式化如何讓查詢變好讀、方言為什麼會影響結果,以及格式化、驗證與執行查詢的差別。

為什麼電腦用二進位、程式設計師愛用十六進位,以及二進位、十進位、八進位、十六進位怎麼互轉——還有最容易搞錯的那個坑。

cron 表達式用五個欄位表示工作何時執行。本文說明每個欄位的意思、範圍與間隔的語法,以及一張可直接套用的範例表。

CSS 漸層、box-shadow、border-radius 到底怎麼運作——每個數值的作用、常用配方,以及如何用視覺化方式做出來、不用硬猜數字。

diff 能顯示兩個版本文字的差異。本文說明行比對與字比對怎麼運作、各自何時用,以及如何在瀏覽器本機隱私地比對。

裁切到底做了什麼、它和縮放與壓縮差在哪,以及如何在瀏覽器裡以原始解析度裁切。

JSON 與 YAML 用不同風格描述同樣的資料。本文說明各自適用時機、常見的坑,以及如何安全地互轉。

Markdown 好寫,HTML 才是瀏覽器讀的。本文說明兩者怎麼互轉、來回轉換會保留什麼,以及如何在本機安全完成。

摩斯電碼怎麼運作——點與劃、為什麼 SOS 是 ···———···,以及為什麼訊號之間的間隔和訊號本身一樣重要。

從任何圖片吸出精確的 HEX 或 RGB 色碼、搞懂 HEX 與 RGB 的關係,並了解主要色盤是怎麼萃取的——全程在瀏覽器完成。