Type Anything 從瀏覽器測試建立完美網頁排版，一鍵匯出 CSS 樣式
不怕說出來讓大家知道，其實我對網頁設計很挑剔，尤其在排版方面。如果你經常回來免費資源網路社群，應該會發現這裡…
網頁開發
閱讀全文Type Anything 從瀏覽器測試建立完美網頁排版，一鍵匯出 CSS 樣式
Font Fit 在你的網站上測試各種字型排版，即時預覽字體大小顏色樣式
設計網頁時排版和色彩選擇非常重要，其中色彩可以參考「BrandColors」從世界知名品牌標準色來獲得靈感，或是一些我曾…
Google Fonts 網站全新設計，免費下載八百種英文字型
Google Fonts 免費字型網站一直是我非常喜愛的 Google 服務，其中收錄大量開放原始碼字型專案，讓使用者透過目錄篩選…
Edit Any Website 只要一行程式碼就能編輯任何網頁！直接把瀏覽器變身網頁測試工具
瀏覽器書籤列（Bookmarklet）也就是網址列下方那排區域，除了可以加入常用鏈結，其實它有許多我們意想不到的功能，國…
Google Fonts 推出「思源黑體」中文網頁字型，改善網頁文字顯示效果
思源黑體是 Adobe 和 Google 共同開發的開放原始碼字型，發佈時就已支援繁體中文、簡體中文、日文及韓文，因此深受許…
Google 推出免費工具 Resizer 測試網站在電腦、平板電腦及手機顯示效果
去年 Google Design 網站釋出一系列 Material Icons 免費圖示集，提供超過 900 個以上平面設計素材，讓開發者在…
Responsive Web Design Tester 響應式網頁開發工具，在瀏覽器測試網站顯示效果
當今開發網站不僅要顧及不同瀏覽器，還要同時滿足在電腦、平板電腦及行動裝置各種尺寸螢幕都能正確顯示，最常用的技…
Formspree 為網頁加入線上寄信表單，更便捷解決方案教學
如果想把自己的 Email 放到網站或部落格，讓其他人可以透過電子郵件和你聯繫，一般我們會習慣直接加上超鏈結，但點選…
Browser Screenshots 微軟線上網頁測試工具，查看網站在不同瀏覽器平台呈現效果（支援 IE 全系列）
開發網站時最不想做的就是在不同瀏覽器、平台和解析度測試網頁顯示效果，通常這會浮現許多問題，尤其瀏覽器版本就可…
Unique Gradient Generator 美麗的網頁毛玻璃模糊背景產生器
很早以前，網頁設計背景傾向使用圖片並排顯示，因此有一些網站利用連續重複來拼湊出的漂亮背景圖案，例如：BgPattern…
