我們在幫客戶建置的網站在上線前會做非常多品質檢查的工作，其中一項就是檢查網站連結的有效性，我個人都是使用 LinkChecker 來完成這個任務，它可以檢查網站上所有的連結是否有效，並且可以產生各種不同格式的報告，讓我們可以快速的找出網站上的連結問題。今天這篇文章我就來介紹這個好用工具！
... 繼續閱讀 ...
Angular 官方正式推出 angular.dev 全新官網，未來將取代 angular.io 成為主要的 Angular 官方網站。這篇文章我將翻譯官方部落格釋出的 Announcing Angular.dev 文章並翻譯成中文，跟大家分享這個 Angular 的文藝復興時刻！
... 繼續閱讀 ...
在我們公司所有的專案都在 Azure DevOps Services 上面管理，從專案管理、原始碼版控、CI/CD、文件管理、測試管理、專案報表等等，都在 Azure DevOps Services 上面，所以我們的團隊成員每天都會花很多時間在 Azure DevOps Services 上面協作。雖然 Azure DevOps Services 也提供了很多鍵盤快速鍵，讓使用者可以更快速的操作，但還是沒辦法滿足我們的需求，所以這個假日我就打算在寫一個 Side Project 擴充更多鍵盤快速鍵。原本以為一個小時內可以完成的，結果卻卡關在一個不起眼的功能上，那就是 DIV 元素無法被 focus 的問題，這會導致你將無法透過鍵盤的「空白鍵」來捲動頁面，我為了提升這個小小的 UX 問題，花了好幾個小時才找到答案，這篇文章就來跟大家分享一下我研究出來的解法。
... 繼續閱讀 ...
由於我經常在寫文章，文章中的圖片大多需要壓縮處理，為了這個經常的操作，我會想辦法把一些常用的命令包裝成一個簡單的 Windows 檔案總管的右鍵選單功能，讓我只要對特定圖檔直接按下滑鼠右鍵，就可以直接壓縮圖片。今天我就來說說我是怎樣做到的。
... 繼續閱讀 ...
我昨天花了兩個小時，終於研究出怎樣才能正確設定 Azure Pipelines 存取 Azure Artifacts 的 npm 套件來源 (Feeds)，設定的過程實在讓人心力交瘁，沒想到就這麼簡單的一個授權設定要花這麼久的時間才研究出正確的設定步驟。今天我就來說說如何在 Azure Pipelines 正確地設定存取 Azure Artifacts 上的 npm 套件來源 (Feeds)。
... 繼續閱讀 ...
由於 Git 分散式的特性，所以每個開發者都可以在自己的電腦上建立一個完整的 Git 儲存庫，這樣就可以在沒有網路的情況下進行開發，而且每個開發者都可以在自己的電腦上建立多個分支，這樣就可以在開發新功能時，不會影響到其他開發者的工作。不過，缺點就是在 git clone 的時候會大量的下載資料，尤其是專案很大的時候，這個問題就會特別明顯了！有沒有辦法可以解決呢？可以的，這篇文章我將分享 Git 的 Partial Clone (部分複製) 功能，讓你更有效率的下載專案原始碼！
... 繼續閱讀 ...
最近一直在弄客戶網站上線前的準備事項，我們在進行前端效能調校時，當然不免俗的要用 Lighthouse (GitHub) 跑一遍，結果發現除了效能殺手 Google Fonts 無解外，另一個主要的效能殺手就是沒有經過優化的圖片，畢竟圖片都是從後台上稿的，如果沒有好好的處理，是有可能會影響到用戶體驗的。今天我就來介紹一套我用很久的 Squoosh.app 網站與 Squoosh CLI 命令列工具。
... 繼續閱讀 ...
不知道大家是否曾經有過這樣的需求：在一個 Git Repo 下有好幾個分支，但你在某些特殊情況下需要「同時」開啟不同分支的程式碼做開發，所以你並不想要經常的切換分支，因為當你要切換分支時，在執行 git checkout 之前都要先做一次 git stash 把尚未 commit 的變更先儲存起來，在另一個分支開發完成後又要切換回來，並透過 git stash pop 把暫存的變更復原，這樣的動作實在是太麻煩了。這個需求或許並不常見，但如果你遇到的話，那麼這篇文章應該就能幫助到你。
... 繼續閱讀 ...
前幾天我透過 esbuild 解決了兩個小專案(side project)的 Bundling 問題，執行起來不但速度快，其上手的難度也比 webpack 還低，這篇文章將會介紹 esbuild 的基本使用方式。
... 繼續閱讀 ...