Hero Patterns 免費 SVG 重複背景圖產生器，CSS 程式碼複製貼上快速套用
早期網頁設計蠻流行加上背景圖，尤其是使用平鋪式背景、以連續重複拼湊出漂亮風格，不僅讓網頁看起來更生動活潑，也不會因圖片太大張拖慢網站速度。之前介紹過…
網頁開發
閱讀全文Hero Patterns 免費 SVG 重複背景圖產生器，CSS 程式碼複製貼上快速套用
16 個免費網站測速工具，分析網頁效能表現
本文參考資料為 16 Website Speed Test Tools for Analyzing Web Performance，原作者 Brian Jackson。 一個網站的速度可以是成功的關鍵因素。如同 KeyCDN 在「…
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 響應式網頁開發工具，在瀏覽器測試網站顯示效果
當今開發網站不僅要顧及不同瀏覽器，還要同時滿足在電腦、平板電腦及行動裝置各種尺寸螢幕都能正確顯示，最常用的技術是響應式網頁設計（Responsive Web Design…
Formspree 為網頁加入線上寄信表單，更便捷解決方案教學
如果想把自己的 Email 放到網站或部落格，讓其他人可以透過電子郵件和你聯繫，一般我們會習慣直接加上超鏈結，但點選後會打開郵件軟體，相對來說不那麼方便，於…