將 Google Chrome 瀏覽器更新到 69 版後，會發現操作介面已經變得跟原本完全不同！一直耳聞 Google Chrome 即將更新介面，直到看到新設計已經是今天早上的事了。新介面設計讓每個分頁標籤變得不那麼分明，顏色轉淡，邊角的處理也變得更圓滑，但我覺得細節看起來是很舒服的，不過對於設計或配色每個人喜好不同，一定會有人喜歡也有人不喜歡。
Material Design
Site Palette 從網站獲取配色，快速產生完整調色盤資訊（Chrome 擴充功能）
最近介紹過一些令人印象深刻的色彩工具，多半都是 Google Chrome 外掛，例如我個人很喜愛的「CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表」，能以更簡單、有組織性的方式呈現網站樣式和各元件，對開發者來說是非常實用的工具。當然瀏覽器可以做的事情也很多，包括一行程式碼將瀏覽器變成網頁編輯器，直接從網頁中修改內容，在開發網站測試時會省時省事很多。
HTML Color Codes 全方位免費線上選色器，輕鬆獲取色彩代碼、RGB 和 HSL
不知道你會不會經常用到選色器或選色工具（Color Picker）呢？對我來說，我在編輯網頁樣式表 CSS 時才會找顏色，通常會從一些網站配色服務尋找看起來合適且舒服的色碼，顏色雖然看似不多，但相差一些些就可能有完全不同的感覺，例如前幾天介紹的「Colors.css 符合當前網頁設計風格的預設 16 種顏色調色盤」就提供許多很適合現代網頁設計的預設配色，我最近也開始使用；另外像是 Colorable 可產生符合 WCAG 規範的配色組合也是很推薦的配色工具，假如你偏好日系風格，NIPPON COLORS 則有代表日本的 250 種配色組合。
Device Metrics 應用程式開發必備！Google 收錄筆電、行動裝置及穿戴裝置螢幕規格細節查詢
伴隨著各種大小尺寸的行動裝置問世，對開發者來說，這也是另一個不得不克服的問題，尤其是如何讓應用程式支援更多螢幕尺寸或在各種平台使用，當然最好的方式是先鎖定最大、最廣泛使用族群，目前來說行動裝置為 iOS、Android，電腦則是 Windows 和 macOS 兩大作業系統。如果你是應用程式或軟體開發者，應該會需要一份包含各種主流裝置的技術細節。
閱讀全文 » about Device Metrics 應用程式開發必備！Google 收錄筆電、行動裝置及穿戴裝置螢幕規格細節查詢
Material UI 收錄 Google、微軟及社群網站等常見設計風格配色組合
最近在設定社群分享按鈕時，因為要指定不同社群網路按鈕使用的顏色，上去 Google 後找到一個完整的標準色表，對於一般使用者來說，你可能記得 Facebook、Twitter 和 Google+ 各自的深藍色、淡藍色和橘紅色，但很難精確轉換成色碼值，我找到一份「Social Colors」記錄各種常見的社群網站代表色，而這網站還有收錄其他好用的色碼表。
Dark Reader 讓網站使用深色夜間瀏覽模式
如果你還有印象，之前介紹過一款 Darkness 瀏覽器擴充功能，讓 Google、Facebook 轉變成深色主題，除了可以有全新感受，也降低夜間使用因為畫面過度明亮導致眼睛疲勞等問題，不過這個外掛僅限於兩個網站，設定選項太少，好像有些不太過癮，如果你想把幾個常用網站都轉為夜間暗色模式，可以試試看本文要介紹的 Dark Reader。