Edit Any Website 只要一行程式碼就能編輯任何網頁！直接把瀏覽器變身網頁測試工具
瀏覽器書籤列（Bookmarklet）也就是網址列下方那排區域，除了可以加入常用鏈結，其實它有許多我們意想不到的功能，國…
CSS
閱讀全文Edit Any Website 只要一行程式碼就能編輯任何網頁！直接把瀏覽器變身網頁測試工具
Google Fonts 推出「思源黑體」中文網頁字型，改善網頁文字顯示效果
思源黑體是 Adobe 和 Google 共同開發的開放原始碼字型，發佈時就已支援繁體中文、簡體中文、日文及韓文，因此深受許…
Unique Gradient Generator 美麗的網頁毛玻璃模糊背景產生器
很早以前，網頁設計背景傾向使用圖片並排顯示，因此有一些網站利用連續重複來拼湊出的漂亮背景圖案，例如：BgPattern…
jsDelivr 免費公共 CDN 加速服務，為開發者提供數千種 JavaScript、CSS Libraries
開發者或網站管理者時常會用到一些 JavaScript Libraries，例如最常見的 jQuery 或字型和 CSS 框架，通常不建議自己…
FontCDN 更好用的 Google Fonts 網頁字型搜尋工具
對於網頁開發者來說，Google Fonts 提供了一系列相當豐富的網頁字型資源，讓我們可以免費使用數百種字體，藉此讓網頁…
Animaticons 免費下載漂亮、可個人化動畫 GIF 圖示集
根據我的經驗，要尋找免費圖示的網站不少，但若要找會動的動態 GIF 圖示，相對來說就少很多，畢竟 GIF 圖示在開發難…
為網站載入 Typekit「思源黑體」中文網頁字型，提升文字顯示質感
相信大家對「思源黑體（Source Han Sans）」都不陌生，這是 Adobe 和 Google 合作，於 2014 年推出的開放原始碼免費…
FontReach 收錄百萬網站網頁字型使用情形，列出最熱門字型排名
網頁字型（Web fonts）發展歷史可以回溯到 CSS2 規範的 @font-face 屬性，這是一種讓網頁字體有更多變化的技術，即使…
Facebook Design Resources 臉書設計免費資源集合，素材開放原始碼免費下載
近來越來越多公司將內部資源開放原始碼（Open Source），讓需要的開發者可以直接下載使用，集合更多人的智慧，改善原…
PrestaShop 設計團隊將官方圖示集開放原始碼釋出，可免費下載用於網站或專案
PrestaShop 是一個提供購物商店網站的平台，除了可在服務上建置購物車，也能把程式碼下載回來自己搭建，不過這篇文章…