#75

Intersection Observer 真實案例：自動更新目錄

#74

用二維角度思考網頁布局

#73

開發者生產力迷思：估算 = 終點

估算本身就有承諾的意味在內，「這是三天的工作量 = 我承諾可以嘗試在三天內完成」。

如果超過三天你就會陷入困境，因為沒有達到承諾
鼓勵提早完成，以達成承諾

這樣的情況下會鼓勵開發者根據最壞的情況進行估算。

承諾是死的，未知問題是活的
估算也可能會過於樂觀，且不同開發者的樂觀程度也不一致
有時候需要經驗或實際踩坑下去，才能更準確的估算

如果你不能對某些事情進行有效的測量或評估，就無法制定切實可行的計劃嗎？

視開發類型而定，開發者本質工作並不全然的是透過撰寫程式來解決已知問題，從估算的那一刻起開發者的工作就已經開始了，我們學習捉摸未知問題的邊界，在有限的資源下提出滿意的解決方案。

這個問題並沒有一個絕對的答案，不過我的想法是計畫上應當保持敏捷與溝通順暢可以幫助整個團隊一同前進。

了解估算是檢查點不是終點
了解預估有個體上的差異
了解有些事情需要時間和經驗去驗證

#72

開發者生產力迷思：故事點 = 生產力

#71

開發者生產力迷思：低缺陷 = 生產力

#70

開發者生產力迷思：程式行數 = 生產力

#69

開發者生產力迷思：工作時數 = 生產力

#68

如何管理通用工具函式 (Utility Function)

#67

把 AI 放上 CI - PR Agent

#66

CSS blur() 在 Safari 上要留意的效能問題

#65

如何使用 Zod 驗證客戶端檔案提交

#64

往返快取（bfcache）造成前後頁面狀態問題

#63

什麼是桶文件（Barrel File）模式？

#62

了解網頁元件化的未來：Web Components

#61

如果不知道自己在幹嘛，那大概也沒人知道。

#60

為什麼要替軟體進行測試？

#59

了解 ES6 JavaScript 當中的內建資料結構： Map

#58

前端最有感的的快捷鍵

#57

為什麼專案時間預估這麼難？

#56

管理 Tailwind 當中的變數可以這樣做

#55

具體來說可以怎麼建立與管理數位產品的 UI 變數

#54

不要告訴使用者「查看更多」

#53

如何透過 CSS Grid 讓元素跳脫容器

#52

生成假資料可以用 TestDataHub

#51

為什麼前端生態整體體驗邁向 😐

#50

CSS 屬性的最大值

#49

替文件增添互動性避免枯燥

#48

在 .gitattributes 設置 Linguist 改變專案語言統計

#47

用正確的方式製作深色模式（或任何網站風格🌞）

#46

前端與開發環境多樣性

#45

Cypress 與 jQuery

#44

關於 Low-code / No-code

#43

我透過網頁升學的故事

#42

「優雅降級」與「漸進增強」差異在哪？

#41

#40

解決問題的技巧

#39

已經 2024 了，會需要學 Sass 嗎？

#38

什麼事情在你的工作領域是 common sense 但別人知道了卻很訝異

#37

iOS Home Indicator 安全區域 CSS 處理

#36

發現特別是技術類作者會把文章放置在不只一個地方

#35

那個酷酷的網頁背景是怎麼做到的？

#34

為什麼要保持套件版本更新？

#33

你還記得瀏覽器引擎前綴 (Vendor Prefix) 嗎？

#32

Git 如何管理大型檔案？

#31

XML 和 AJAX

#30

重新思考如何建構 RWD 網頁，透過 CSS Container Queries

#29

聽名稱就感覺生產力 UP UP 的字體 —— Commit Mono

#28

近期發現不錯的免費英文網頁開發教學平台 —— Egghead.io

#27

為什麼會有 _ 在數字當中？

#26

如何從 Git 歷史中徹底移除機密文件？

#25

軟體園藝家 Software Gardener

#24

一直以為 PowerShell 就是藍藍的 cmd

#23

分享一個我自己在預覽 GitHub 專案時常用的訣竅 —— 點

#22

追蹤瀏覽器版本支援程度 —— Can I Use 網站

#21

Chromium 開發者工具 —— Layers

#20

可視化 JSON 資料 - JSON Crack

#19

不知道不同團隊是如何鞏固與紀錄開發制度的？

#18

處理金錢、單位、時間的轉換原生 JavaScript 就辦得到

#17

關於純手工

#16

想要快速視覺化網頁元素之間的邊界可以怎麼做？

#15

資料庫圖示的來由

#14

想要及時編輯預覽網頁內容可以怎麼做？

#13

你能說明設計系統與元件庫在網頁領域中的差異嗎？

#12

舉例 Radix、Headless UI，為什麼無樣式元件這麼熱門？

#11

關於經營部落格

#10

建構正確的網頁 UI 不應該是個麻煩的問題

#9

AI 取代人類的恐懼

#8

如何驗證客戶端資料的正確性

#7

關於經營部落格

#6

製作了部落格想要額外添加文章搜尋功能該怎麼辦？

#5

你有多久沒有升級專案的套件版本了呢？

#3

與朋友的 TDD 觀念閒談

#2

#1

Intersection Observer 真實案例：自動更新目錄

用二維角度思考網頁布局

開發者生產力迷思：估算 = 終點

開發者生產力迷思：故事點 = 生產力

開發者生產力迷思：低缺陷 = 生產力

開發者生產力迷思：程式行數 = 生產力

開發者生產力迷思：工作時數 = 生產力

如何管理通用工具函式 (Utility Function)

把 AI 放上 CI - PR Agent

CSS blur() 在 Safari 上要留意的效能問題

如何使用 Zod 驗證客戶端檔案提交

往返快取（bfcache）造成前後頁面狀態問題

什麼是桶文件（Barrel File）模式？

了解網頁元件化的未來：Web Components

如果不知道自己在幹嘛，那大概也沒人知道。

為什麼要替軟體進行測試？

了解 ES6 JavaScript 當中的內建資料結構： Map

前端最有感的的快捷鍵

為什麼專案時間預估這麼難？

管理 Tailwind 當中的變數可以這樣做

具體來說可以怎麼建立與管理數位產品的 UI 變數

不要告訴使用者「查看更多」

如何透過 CSS Grid 讓元素跳脫容器

生成假資料可以用 TestDataHub

為什麼前端生態整體體驗邁向 😐

CSS 屬性的最大值

替文件增添互動性避免枯燥

在 .gitattributes 設置 Linguist 改變專案語言統計

用正確的方式製作深色模式（或任何網站風格🌞）

前端與開發環境多樣性

Cypress 與 jQuery

關於 Low-code / No-code

我透過網頁升學的故事

「優雅降級」與「漸進增強」差異在哪？

好奇不同種類色盲眼中的網站是長什麼樣子？

解決問題的技巧

已經 2024 了，會需要學 Sass 嗎？

什麼事情在你的工作領域是 common sense 但別人知道了卻很訝異

iOS Home Indicator 安全區域 CSS 處理

發現特別是技術類作者會把文章放置在不只一個地方

那個酷酷的網頁背景是怎麼做到的？

為什麼要保持套件版本更新？

你還記得瀏覽器引擎前綴 (Vendor Prefix) 嗎？

Git 如何管理大型檔案？

XML 和 AJAX

重新思考如何建構 RWD 網頁，透過 CSS Container Queries

聽名稱就感覺生產力 UP UP 的字體 —— Commit Mono

近期發現不錯的免費英文網頁開發教學平台 —— Egghead.io

為什麼會有 _ 在數字當中？

如何從 Git 歷史中徹底移除機密文件？

軟體園藝家 Software Gardener

一直以為 PowerShell 就是藍藍的 cmd

分享一個我自己在預覽 GitHub 專案時常用的訣竅 —— 點

追蹤瀏覽器版本支援程度 —— Can I Use 網站

Chromium 開發者工具 —— Layers

可視化 JSON 資料 - JSON Crack

不知道不同團隊是如何鞏固與紀錄開發制度的？

處理金錢、單位、時間的轉換原生 JavaScript 就辦得到

關於純手工

想要快速視覺化網頁元素之間的邊界可以怎麼做？

資料庫圖示的來由

想要及時編輯預覽網頁內容可以怎麼做？

你能說明設計系統與元件庫在網頁領域中的差異嗎？

舉例 Radix、Headless UI，為什麼無樣式元件這麼熱門？

關於經營部落格

建構正確的網頁 UI 不應該是個麻煩的問題

AI 取代人類的恐懼

如何驗證客戶端資料的正確性

關於經營部落格

製作了部落格想要額外添加文章搜尋功能該怎麼辦？

推薦免費網頁圖片編輯器

你有多久沒有升級專案的套件版本了呢？

與朋友的 TDD 觀念閒談

你會如何解這個下拉式選單樣式問題呢？

使用 Iconify 在網頁中加入各式各樣的圖示