Browser Screenshots 微軟線上網頁測試工具，查看網站在不同瀏覽器平台呈現效果（支援 IE 全系列）
開發網站時最不想做的就是在不同瀏覽器、平台和解析度測試網頁顯示效果，通常這會浮現許多問題，尤其瀏覽器版本就可能讓顯示成效完全不同，也只好盡力維持讓每…
網頁開發
閱讀全文Browser Screenshots 微軟線上網頁測試工具，查看網站在不同瀏覽器平台呈現效果（支援 IE 全系列）
Unique Gradient Generator 美麗的網頁毛玻璃模糊背景產生器
很早以前，網頁設計背景傾向使用圖片並排顯示，因此有一些網站利用連續重複來拼湊出的漂亮背景圖案，例如：BgPatterns、Bgrepeat，後來這個方法較少人使用。近…
FontCDN 更好用的 Google Fonts 網頁字型搜尋工具
對於網頁開發者來說，Google Fonts 提供了一系列相當豐富的網頁字型資源，讓我們可以免費使用數百種字體，藉此讓網頁更加美觀，提升整體易讀性。但如果經常使用…
為網站載入 Typekit「思源黑體」中文網頁字型，提升文字顯示質感
相信大家對「思源黑體（Source Han Sans）」都不陌生，這是 Adobe 和 Google 合作，於 2014 年推出的開放原始碼免費字型，提供七種粗細設定，完整支援日文、韓…
Thimble by Mozilla 線上程式碼編輯器，讓你輕鬆學習編寫 HTML、CSS 和 JavaScript
Pseric 國中開始接觸網頁設計，還記得當時使用的是 FrontPage 編輯器，是一款修改後可立即看到網頁效果的軟體，搭配工具書，讓我逐漸學會簡單的 HTML。後來雖然…
Multi Screen Test 測試網頁在不同裝置、螢幕解析度顯示效果
近幾年已進入所謂的「多螢時代」，除了電腦外，可能許多人也同時擁有智慧型手機或是平板電腦，為了應付不同的畫面大小需要，網頁開發者也必須適當修改網頁，才…
yourbrowser.is 顯示瀏覽器完整資訊，為客戶免費建立自訂檢測頁面
網站開發者最怕遇到的問題是當使用不同的瀏覽器環境，可能在某些情況下發生問題，這時候就必須進一步了解出錯原因（例如用什麼瀏覽器、作業系統），若有使用者…
Stylify Me 快速獲取網站配色、字型等風格資訊
設計網頁除了參考現有網站的排版、架構外，更需要的就是觀摩別人是怎麼配色、選擇字型，好的設計不但能讓整體網頁質感加分，還有助於讓訪客更容易了解網站動線…