Responsive Screenshots 輸入網址查看網站在電腦及行動裝置顯示情形
記得幾年前架設 WordPress 網站時，會透過行動版外掛功能來打造更適合手機或平板電腦閱讀的環境，這個作法通常是將手…
網頁開發
閱讀全文Responsive Screenshots 輸入網址查看網站在電腦及行動裝置顯示情形
Colors.css 符合當前網頁設計風格的預設 16 種顏色調色盤
製作網頁時會用來表現各種色彩的方法稱為「網頁顏色」（Web Colors），1999 年制定 HTML 4.01 版本確定 16 種預設顏…
超實用！一行程式碼將瀏覽器變身網頁編輯器，支援各種常見瀏覽器
這幾天在 Twitter 看到一則推文分享，只要一段程式碼，就能開啟 Google Chrome 瀏覽器內建開發者工具的編輯器功能，…
Caself 提供 800 種免費紋理背景圖片下載，網頁設計必備素材推薦
我在設計網頁時傾向使用單色背景，不過很多時候選擇合適的背景圖看起來會使網站更有質感，也讓視覺上不會過於呆板，…
WhatRuns 查看網站背後使用那些第三方服務和技術（Chrome、Firefox）
對於開發或經營網站的朋友來說，應該很常會去研究其他網站使用那些技術，一來可知己知彼，另一方面也能從其他網站來…
Varvy Pagespeed 免費搜尋引擎最佳化指南，找出讓網站更快的方法
我常說「搜尋引擎最佳化」（SEO）沒有捷徑，也沒有立竿見影的作法，你可以做的是遵循著大部分使用者的共同經驗，使網…
Type Hero 在瀏覽器即時測試 Google Fonts 效果，可切換字型和背景顏色
Google Fonts 可能是目前收錄最多免費英文字型的網站，去年大改版後，原本動線不佳和瀏覽不便等情形已經獲得改善，走…
Mega Tags 最完整社群媒體 META 標籤產生器，Facebook 社群經營必備
如果你是經營網站、部落格的站長，一定知道搜尋引擎最佳化（SEO）對網站流量的重要性，這幾年隨著社群網路逐漸蓬勃發…
CoolHue 最酷的漸層色背景色卡產生器，快速產生背景 CSS3 語法
這幾年新出現的網路服務或應用程式都喜歡使用漸變色作為背景圖，有一些則會選用高畫質、高解析度免費圖庫相片，相較…
Better Font Finder 更直覺 Google Fonts 檢視器，可視化介面比較不同字型
說到免費字型可能很多人會立刻想到 Google Fonts，早先經常被詬病介面很難用，後來新設計確實讓瀏覽和搜尋字型方便不…
