Light hero background

文章列表

70% 問題:關於 AI 輔助開發的真實樣貌

December 09, 2024

「為什麼 AI 工具讓程式碼生成變得更快,卻無法讓軟體變得更好?看似強大的 AI 工具是否真的在提升軟體品質?快速的進步背後,可能隱藏著開發者需要正視的挑戰與真相。

PascalCase camelCase 縮寫的處理方式及其他規則細節

December 07, 2024

在 PascalCase 或 camelCase 的規則下,你會如何命名 "xml http request", "new customer id", "supports IPv6 on iOS", "YouTube importer" ?

使用 Tailwind v4 和 Next.js 實作深色模式與主題切換

December 01, 2024

最近使用了 Tailwind CSS v4 Beta 和 Next.js 15 為新的個人部落格實作了深色模式主題切換功能,覺得有蠻多有趣的東西,紀錄一下。

你可能不知道的 CSS 變數細節 - 2. 使用 var() 以及實際應用

November 15, 2024

解析 var() 細節、變數權重影響、空白預設值及無效值處理。搭配範例包括以 @property 定義動畫變數,和利用 CSS Space Toggle 技巧實現深淺色主題切換,展示 CSS 變數如何增強樣式控制的靈活性與應用範圍。

你可能不知道的 CSS 變數細節 - 1. 命名規則與賦值方法

November 07, 2024

探究 CSS 變數的命名規則與賦值方法,包含如何正確設定自定義屬性名稱、避免常見解析錯誤,以及在不同情境下靈活使用 CSS 變數的實用技巧。

瀏覽器的預設快取時效 Cache Freshness

September 29, 2024

瀏覽器預設是怎麼判斷資源是否要快取呢?當沒有手動設定快取資訊的時候瀏覽器會怎麼處理我們的資源?

流程圖的基本圖示介紹、範例與實際應用

June 10, 2024

流程圖是一種很萬用的圖解形式,透過幾個簡單的元素,描繪事情發生的先後順序,可能的分支等。讓讀者們聚焦在『這整件事情接下來會發生什麼,彼此之間的先後關係是什麼』上。