普通文組 2.0

2024 年度好讀目錄

暴雷：整理完一整年的紀錄後，沒有想到去年讓我覺得最好看的虛構作品竟然是一部漫畫 🌚 雖然它的文字量的確很大

如何在 Remix 讀取、下載 json 檔

如題，新的一年就從分享在 Remix 裡面處理「讀取 .json 檔內容」和「將特定內容下載為 .json 檔」的程式碼開始。新年快樂 🍾

如何製作「帶圓角漸層邊框並且透明背景」的按鈕

懶人包：請設計師提供設定好漸層、圓角且背景透明的 .svg 檔，然後用 CSS `border-image` 設定按鈕的邊框樣式。

工作筆記：在 remix 中根據系統外觀（system appearance）更新 shadcn/ui 的主題（theme）

這篇筆記說明了如何在 remix app 中預設 shadcn/ui 參照系統外觀，並在使用者切換系統外觀時同步切換整個介面的主題。

快速筆記：用 grid 搞定佈局變化較大的 RWD

標題有點難下。簡單來說就是除了靠傳統的 fixed 搭配一大堆 margin 跟 height 計算之外，其實也可以考慮用 grid-template-columns/rows 搭配 grid-column/rows 來處理一些大小版佈局變化較明顯的排版。