2025 iThome 鐵人賽

所有主題

最新文章熱門文章

選手 902 文章 19831

2025-10-28

226

Day 25：入場動畫 & 捲動揭示

目標：使用 IntersectionObserver 做卡片入場動畫（已在 app.js 內建，這天微調節奏）。檔案：js/app.js、style.css步驟...

2025-10-28

242

Day 24：卡片層次 & 玻璃質感

1. 色票微調（放在 :root{...} 後面即可） /* Day24 tokens tweak */ :root{ --y2k-blur: 10px;...

2025-10-28

222

Day 23：按鈕系統 & 微互動

目標：統一按鈕形狀、大小、狀態（hover/active/disabled）+ 微光澤。檔案：style.css步驟 1. 整合 .btn、.btn-warn、...

2025-10-28

187

Day 22：字體與排版階層

目標：建立字體階層（H1/H2/內文/輔助），提高年輕感與可讀性。檔案：index.html、style.css步驟 1. 已載入 Google Fonts（O...

2025-10-28

206

Day 21：主題定稿：Y2K 霓虹配色 & Token

目標：把整站顏色與陰影統一到設計 Token，之後改色只改一處。檔案：style.css步驟 1. 在 :root 補齊/微調 Token（已內建，可調整飽和度...

2025-10-28

188

Day 20：資料持久化加強（版本鍵 + 資料結構升級）

我們在前面已完成收藏與心得的 LocalStorage。今天加上版本化與資料完整性：可避免未來結構變更導致讀取出錯，並保留欄位升級空間。改哪裡：js/app....