為什麼我仍喜歡 CSS module 勝過 Tailwind CSSTailwind CSS 是現在最流行的 atomic css 的 css 框架，用 utility 的 class 取代傳統的命名的 class，使得開發上不需要在 html 命名與 css 檔案編寫樣式之間跳來跳去，可以直接在 html 快速編寫樣式，提升開發體驗。另外由於…Feb 15Feb 15
我的提升生產力 Mac 設定與軟體工作這幾年 Mac 一直作為我的工作上的主力，也花了不少心力去研究如何讓 Mac 在我的日常上班工作增加我的生產力，在這邊分享一些你可能不知道的 Mac 設定小技巧跟軟體，當然有些軟體不止 Mac…Apr 14, 2023Apr 14, 2023
直接嵌入 iframe 對網頁效能有害一般來說大家習慣在網頁上嵌入 YouTube 或是 third-party resource 像是 Twitter 的貼文，以至於我們寫範例常用的 CodeSandbox，大部分都是以 iframe 嵌入網頁的方式來使用，原因不外乎簡單好用又方便。但你是否曾經想過這些…Oct 12, 2022Oct 12, 2022
在 reduce 使用點點點 spread operator 是效能上的 anti-pattern隨著 functional programing 在 JavaScript 領域的盛行，跟 ECMAScript 標準的演進，JS 開發者在處理資料結構轉換上有了更多可以符合 immutable 的做法。於是下面的 pattern 越來越常在 array 轉成 object…Oct 3, 2022Oct 3, 2022
透過 webmention 來搜集 blog 的社群迴響當初選擇自架 blog，除了因為線上 blog 平台不能完美的滿足自己紀錄技術文的需求以外，希望可以自己能設計出自己喜歡風格的個人網站，以及簡潔流暢的介面，當我處理好內容以及樣式設計還有 donate 連結，下一步就是想讓網站可以有更多的社群互動，disqus…Sep 12, 2022Sep 12, 2022
為了讓世界更好，你應該優先選擇 tab 而不是 space 做程式碼縮排如同哪個編輯器是世界上最好的編輯器這個軟體工程師的經典問題一樣，到底程式碼的縮排要用 tab 還是用 space ? 歷史上有許多工程師為此爭論不休，甚至美國影集 Silicon Valley 也把這個問題放到劇情裡面。Sep 2, 20221Sep 2, 20221
一個前端工程師的婚禮黑客松雖然標題叫做一個前端工程師的婚禮黑客松，但其實寫程式的部分也沒有大家想像中的多，主要還是完成婚禮的軟體周邊，像是婚禮網站 Google…Aug 1, 2022Aug 1, 2022
一探那些令人興奮的 React 18 三大新 features，auto batching，startTransition，Suspense SSRReact 官方 blog 已經推出 React 18 的新版本的 release 計畫，包含三個主要的新 features，auto batching，start transition，Suspense…Jun 12, 2021Jun 12, 2021
一個有趣的 Chrome 自動觸發 transition 轉場動畫 bug某天我在製作 css transition 的時候意外發現，transition 效果居然在網頁載入的時候就自行觸發，效果如上面 iframe 嵌入所示，iframe 連結在此 reproduce link，而其中 html css 內容如下：Apr 21, 2021Apr 21, 2021
用 hover 取代 click 來開啟選單並不是一個好設計常常接到設計師或是 PM 提出這樣的需求，用 hover 來取代 click 來觸發開啟選單或者切換 tab，這樣設計的除了可以告知使用者這邊有隱藏的內容選單，使用者也可減少一個點擊的動作來達到開啟選單的目的。Mar 31, 2021Mar 31, 2021
