免費資源網路社群本身已經是一個收錄超過六千篇文章的免費資源網站，因此我就比較少介紹同類型的服務，不過網路上確實有不少類似網站，例如 Evernote Design 設計師必備懶人包就在單一網站上整合各種設計相關素材資源；或是 The Stocks 精選免費圖庫，一站收錄更方便搜尋等等，這些集合式免費資源都非常值得加入書籤以備不時之需。
CSS
Darkmode.js 為網站加入深色模式，只要一段程式碼就能實現
macOS 10.14 Mojave 加入全新「深色模式」功能，iOS 13 預告也會加入此模式，如果你曾經將電腦切換為深色，應該會發現有些應用程式可完美支援，也會一併轉為暗色介面，但在不支援深色模式的應用程式表現出來的顏色會更刺眼，嚴重影響到使用體驗。如果你是應用程式開發者，可能後續都得再加上對於深色模式的支援，讓顏色更接近暗色，亦可在使用者選擇不同模式時自動調整為最合適的配色效果。
CSSFX 最美的 CSS 動態效果一鍵複製，提升使用者操作體驗
前陣子介紹過「CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼」這個很有趣的網站，事實上現今 CSS 樣式表可以做的事越來越多，甚至透過幾段原始碼達到動態效果，看起來不僅互動性高，還能提升使用者體驗，完全不用額外載入其他的 JavaScript 程式庫，只不過這些原始碼不一定每個人都會寫，利用 CSSeffectsSnippets 網站直接線上預覽，找到需要的動態效果後就會給出相關 CSS 原始碼（和早期在學習做網頁很像）。
CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼
網頁設計師或網站開發者一定對 CSS 不陌生，CSS 中文是階層式樣式表，通常會簡稱為樣式表，主要是用來控制網頁中看到的各種樣式，例如文字大小、間距、背景色、頁面布局或各種元素呈現的方式。隨著現今大部分瀏覽器都已經支援 CSS3，在 CSS3 也加入許多新的功能，其中也支援動畫和立體效果，這都讓網頁能有更多更不同的變化，也不需要再使用舊方法，讓效果在編寫及管理上更輕鬆。
Zwicon 手工打造高品質免費圖示集，566 種圖案收錄各種格式
開發一項新的專案前，可能會先去把相關資源找齊，其中在介面部分一定會碰到的問題是要使用那一套圖示做為主視覺，網路上已經有相當多免費圖示可供下載甚至是商業使用，若非必要其實不用再重新開發，我在上一篇「免費圖示 Unicons 收錄超過 1000 個向量圖示下載」提過一些之前介紹過的圖示素材，如果你想找圖示，也可直接瀏覽本站免費圖示分類或透過右側站內搜尋框找到更多相關文章。
Unicons 超過 1000 個向量圖示免費下載，完美像素放大縮小不影響解析度
如果要開發應用程式或網路服務，通常會需要整套樣式一致的圖示集，而這些圖案也不是太難找，網路上有不少以開放原始碼釋出、甚至可用做商業用途的圖示庫，例如我之前介紹過的 illustrio、Ionicons、Feather Icons 和 Octicons 等等（文章裡還有更多免費圖示集鏈結），這些圖案都有不太一樣的樣式設計，只要符合自己介面風格就能有相當好的效果，相較於自行開發整套圖示來說也更省時省事。