macOS 10.14 Mojave 加入全新「深色模式」功能，iOS 13 預告也會加入此模式，如果你曾經將電腦切換為深色，應該會發現有些應用程式可完美支援，也會一併轉為暗色介面，但在不支援深色模式的應用程式表現出來的顏色會更刺眼，嚴重影響到使用體驗。如果你是應用程式開發者，可能後續都得再加上對於深色模式的支援，讓顏色更接近暗色，亦可在使用者選擇不同模式時自動調整為最合適的配色效果。
Darkmode.js 為網站加入深色模式，只要一段程式碼就能實現
CSS
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 等等（文章裡還有更多免費圖示集鏈結），這些圖案都有不太一樣的樣式設計，只要符合自己介面風格就能有相當好的效果，相較於自行開發整套圖示來說也更省時省事。
Blend 網頁漸層背景產生器，選擇顏色即時預覽建立 CSS 原始碼
現在很常在網路服務或網站上看到漸層背景應用，記得早期都必須使用圖片堆疊出來，不過後來已經可以寫入 CSS 樣式，只要指定顏色代碼和呈現方式即可。雖然知道有這功能，但要立即寫出來好像也不是那麼容易，還好有網站可以參考，例如 Gradient Backgrounds 收錄各種漸層背景產生器的一站式工具，簡單一點還有 ColorSpark、CoolHue 這類漸層色組合產生器，可快速建立 CSS3 語法，複製到網站就能套用。