Type Hero 在瀏覽器即時測試 Google Fonts 效果，可切換字型和背景顏色
Google Fonts 可能是目前收錄最多免費英文字型的網站，去年大改版後，原本動線不佳和瀏覽不便等情形已經獲得改善，走向更簡約的設計風格，整體瀏覽感覺是很棒的…
CSS
閱讀全文Type Hero 在瀏覽器即時測試 Google Fonts 效果，可切換字型和背景顏色
Ionicons：700 個開放原始碼高品質圖示字型免費下載
WordPress 從 3.8 開始加入官方圖示集「Dashicons」，將前台及控制台可能會用到的圖案一致化，當然也能透過 WordPress 本身的 CDN 讓圖示載入速度更快，本來打…
Maki Icons 免費開放原始碼 300 圖示下載，採用 CC0 授權可商業用途
前天剛介紹「Ionicons：700 個開放原始碼高品質圖示字型免費下載」，文章裡有提到我最近將網站使用到的圖示集整合統一，除了讓顯示效果一致，最主要原因是可減…
超實用！一行程式碼將瀏覽器變身網頁編輯器，支援各種常見瀏覽器
這幾天在 Twitter 看到一則推文分享，只要一段程式碼，就能開啟 Google Chrome 瀏覽器內建開發者工具的編輯器功能，直接在網頁內進行內容編輯測試（對，直接編…
Colors.css 符合當前網頁設計風格的預設 16 種顏色調色盤
製作網頁時會用來表現各種色彩的方法稱為「網頁顏色」（Web Colors），1999 年制定 HTML 4.01 版本確定 16 種預設顏色的英文名稱和十六進位代碼，經過十幾年的…
CSS & JavaScript Compressor 線上程式碼壓縮工具，有效提高網站速度
在更新網站時，經常透過網站檢測工具來檢查網站有沒有可以改進的部份，例如我個人相當常用 PageSpeed Insights 和 Think With Google，通常會出現 CS…
HTML Color Codes 全方位免費線上選色器，輕鬆獲取色彩代碼、RGB 和 HSL
不知道你會不會經常用到選色器或選色工具（Color Picker）呢？對我來說，我在編輯網頁樣式表 CSS 時才會找顏色，通常會從一些網站配色服務尋找看起來合適且舒服…
HtmlWasher 網頁程式碼清理工具，快速去除雜亂代碼保留基本標籤
若你有接手編輯過他人網頁，或是複製其他頁面版型的經驗，應該會發現最困難的往往不是編輯網站，而是將現有的程式碼整理乾淨，讓它能夠格式化，呈現出一致的效…
ICOOON MONO 超過 6000 個免費圖示下載！向量圖格式 AI、EPS 可商用
之前介紹過一些免費圖示，設計都相當乾淨簡單，看起來賞心悅目，品質通常都有一定水準，例如：Standart.io 線條俐落的向量圖示、IconBros 持續更新的免費…
RawGit 將 GitHub 的 Raw 檔案轉為 CDN 格式直接存取使用
GitHub 是一家透過 Git 進行版本控制的軟體原始碼代管平台，你應該很常在一些免費軟體或線上工具網站看到鏈結指向 GitHub，用以放置產品的程式碼或相關檔…