FontCDN 更好用的 Google Fonts 網頁字型搜尋工具
對於網頁開發者來說，Google Fonts 提供了一系列相當豐富的網頁字型資源，讓我們可以免費使用數百種字體，藉此讓網頁更加美觀，提升整體易讀性。但如果經常使用…
CSS
閱讀全文FontCDN 更好用的 Google Fonts 網頁字型搜尋工具
jsDelivr 免費公共 CDN 加速服務，為開發者提供數千種 JavaScript、CSS Libraries
開發者或網站管理者時常會用到一些 JavaScript Libraries，例如最常見的 jQuery 或字型和 CSS 框架，通常不建議自己託管這些檔案，因為除了耗流量，也可能因此…
Unique Gradient Generator 美麗的網頁毛玻璃模糊背景產生器
很早以前，網頁設計背景傾向使用圖片並排顯示，因此有一些網站利用連續重複來拼湊出的漂亮背景圖案，例如：BgPatterns、Bgrepeat，後來這個方法較少人使用。近…
Google Fonts 推出「思源黑體」中文網頁字型，改善網頁文字顯示效果
思源黑體是 Adobe 和 Google 共同開發的開放原始碼字型，發佈時就已支援繁體中文、簡體中文、日文及韓文，因此深受許多使用者喜愛（尤其中文字型在製作難度上很…
BootCDN 免費開放原始碼公共 CDN 服務，提供兩千種以上程式加速網站
Bootstrap 是一個用於開發網站或網路應用程式的開放原始碼前端框架（Framework），由兩位前 Twitter 工程師 Mark Otto、Jacob Thornton 編寫，結合 HTML、CSS …
Google Fonts 網站全新設計，免費下載八百種英文字型
Google Fonts 免費字型網站一直是我非常喜愛的 Google 服務，其中收錄大量開放原始碼字型專案，讓使用者透過目錄篩選的方式找到自己需要的字型資源，除了免費下…
Font Fit 在你的網站上測試各種字型排版，即時預覽字體大小顏色樣式
設計網頁時排版和色彩選擇非常重要，其中色彩可以參考「BrandColors」從世界知名品牌標準色來獲得靈感，或是一些我曾經介紹過的配色工具；排版的話考量到字型和…
Type Anything 從瀏覽器測試建立完美網頁排版，一鍵匯出 CSS 樣式
不怕說出來讓大家知道，其實我對網頁設計很挑剔，尤其在排版方面。如果你經常回來免費資源網路社群，應該會發現這裡更新頻率很高，不單單只有文章內容汰舊換新…
Sharingbuttons.io 超快速分享按鈕產生器，免 JavaScript 無追蹤代碼
社群分享按鈕讓人又愛又恨，愛的是透過社群力量，有效將你的網站或部落格文章散播出去，使更多潛在讀者看到，藉此提高流量或網路影響力；恨的是現今常見社群網…
Hero Patterns 免費 SVG 重複背景圖產生器，CSS 程式碼複製貼上快速套用
早期網頁設計蠻流行加上背景圖，尤其是使用平鋪式背景、以連續重複拼湊出漂亮風格，不僅讓網頁看起來更生動活潑，也不會因圖片太大張拖慢網站速度。之前介紹過…