以 minmax() 來實作伸縮自如的容器
如果你需要根據內容多寡來動態調整一個元件的尺寸，但這個元件又有一個必須遵守的最大尺寸限制，那 minmax() 應該會是你的好朋友。而如果你看不懂前面那句話到底在公尛，那歡迎點開這篇文章看一下範例，大概就會懂了 🌚
《程式設計守則》——簡單就是最好
老菜鳥咸宜的開發常識讀本。一句話總結整本書就是「如果它簡單、好懂，沒有任何 bug 且遵照團隊規範，那這就是好程式碼。」如果你想知道為什麼是這些是製造美好程式碼的必要成分，那歡迎點開這篇文章繼續讀下去。
如何複製帶格式的文字（rich content, rich text copy）
終極懶人包：在使用 navigator.clipboard.write 複製網頁上的文字（附帶格式）時，要同時提供 text/html 和 text/plain 型態的內容，不然無法對純文字編輯器進行貼上。
用 CSS anchor function 實現 Tab 元件滑動效果
優點：你可以少寫很多程式碼；缺點：火狐還不支援
如何指南：在 React Router v7 Framework 模式下，設定 Google Analytics (gtag)
早點想到用 import.meta.env 帶入環境變數，事情應該就不會那麼複雜了吧 😶🌫️
以 grid-template-columns 來限制最大容器寬
在需要同時處理 overflow 和 filter drop-shadow 時，平常慣用的 max-width 配 margin-inline 的寫法可能會讓陰影⋯⋯看起來有點問題 🌚
變形的秩序（CSS transform order matters）
你知道嗎，CSS `transform` 的順序會影響元件的變形結果。
你現在在做什麼？不要找藉口——《晉身怪傑》書摘
雖然是 15 年前的書了，但有些內容對現代工程師還是有當頭棒喝的效果。總之先記下來提醒自己不要過得太安逸。
我該怎麼寫？——"Writing for Developers" 閱讀筆記，寫那些讀者想看的東西
你可以把這篇文章視為 2024 年的寫作 SOP 上下篇 remake 版。除了關於「如何寫」的精華回顧之外，也追加收錄 "Writing for Developers" 一書的「如何寫出受歡迎文章」的寫作技巧。而如果你真的連讀完這篇文章的時間都沒有，那壓縮到極致的懶人包就是——在寫作時以「滿足讀者的需求」為終極目標，並確保讀者能發現文章 🌤️
我該寫什麼？——"Writing for Developers" 閱讀筆記，日常的又恨又愛
這篇是我在看完 "Writing for Developers" 後，整理出「什麼可以成為技術寫作題材」的相關筆記。不論是剛開始寫作的新手，或是想讓自己的技術文章能受歡迎的歷戰工程師，應該都能從這篇筆記裡撈到一些靈感吧 🌚