Fonty 線上查詢網頁使用的字型、字重、樣式和文字大小
如果想知道某個網站使用那些字型，其實只要打開瀏覽器開發人員工具、以選取功能選擇文字就會顯示資訊，或是直接找到…
樣式表
Alwane 網頁配色擷取工具，輸入網址就能取得顏色代碼相關資訊
如果想知道某個網站配色方式，除了打開開發人員工具或是檢視原始碼，也有第三方服務可以使用，即使無法完整複製別人…
CSSgram 以 CSS 和 Sass 編寫而成 Instagram 濾鏡效果
很多早期會使用 Instagram 的朋友都很喜歡對相片套用濾鏡效果的設計，雖然現在有各種應用程式可以做到，甚至成為內建…
Darkmode.js 為網站加入深色模式，只要一段程式碼就能實現
macOS 10.14 Mojave 加入全新「深色模式」功能，iOS 13 預告也會加入此模式，如果你曾經將電腦切換為深色，應該會發…
Gmail Classic Theme 讓信箱重新回到舊版介面（Chrome 擴充功能）
Google 旗下的免費信箱服務 Gmail 堪稱是最成功的產品之一，2004 年僅提供內部員工和受邀請的使用者進行測試，在當時…
如何讓網頁變成黑白？使用 CSS Filter 套用濾鏡樣式表教學
上個月台灣發生震驚社會的宜蘭普悠瑪列車出軌事故，造成許多旅客輕重傷甚至死亡，也對台灣交通運輸安全打上一個大大…
Site Palette 從網站獲取配色，快速產生完整調色盤資訊（Chrome 擴充功能）
最近介紹過一些令人印象深刻的色彩工具，多半都是 Google Chrome 外掛，例如我個人很喜愛的「CSSPeeper 為設計師量身…
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看…
文青必備！Instagram.css 使用樣式表為網站圖片加入 IG 濾鏡效果
近年越來越多人使用的 Instagram，這款圖片影片分享社群應用程式開始於 2010 年，後來在 2012 年被 Facebook 收購成…
CSS Reference 前端設計師必備手冊！收錄 CSS 樣式表屬性說明及範例
前幾天介紹過「HTML Reference 網頁開發者必備手冊！收錄所有 HTML 元素及屬性說明」，有讀者說這個網站比 W3Schools…
