#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 網站

隨著各項瀏覽器 API 的推動與統一，前端也越來越多工具可以用於建構網頁，但要怎麼知道 API 在不同的瀏覽器的支援程度、潛在問題與全球支援占比呢？可以試試看 Can I Use🔗 網站，一項由社群維護🔗 的瀏覽器支援程度搜尋網站。

近期比較有感的是在製作一個標題清單，當點擊清單項目時就讓畫面滑動到對應的標題，在更早以前會需要使用到 JS 的 scrollTo() 去計算好目標元素與當前位置需要滾動多少距離，但換一支更新穎專門用途的的 API scrollIntoView()就只要指定要滑動到的標題！省了許多功夫。

在使用一些新穎的 API 時我都會上這個網站確保目標客群的版本可以支援，團隊也可以相互依照這個網站為基準相互監督。

#21