#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 處理

重設計部落格導覽列體驗時有特別留意 iPhone 的 Home Indicator 會遮擋住導覽列（圖一，左舊右新），因此在新設計中設置了安全區域標示，讓網站使用 CSS env() + calc() 來讓導覽列計算實際安全顯示區域。

添加頁面 Meta 屬性 <meta name="viewport" content="viewport-fit=cover" />
使用 env(safe-area-inset-bottom)🔗 變數搭配 calc🔗 計算導覽列安全底部距離

現在 Home Indicator 已經不會擋到緊貼畫面的元素了 👍🏻（圖一，左 Chrome 右 Safari）

env()🔗 最初由 iOS 瀏覽器提供，允許開發人員將網頁內容放置在視窗的安全區域內，以確保即使在非矩形螢幕上，內容也能正確顯示。

#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 在網頁中加入各式各樣的圖示