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）對網站流量的重要性，這幾年隨著社群網路逐漸蓬勃發展，也開始出現所謂「社群媒體最佳化」（So…
CoolHue 最酷的漸層色背景色卡產生器，快速產生背景 CSS3 語法
這幾年新出現的網路服務或應用程式都喜歡使用漸變色作為背景圖，有一些則會選用高畫質、高解析度免費圖庫相片，相較於單色背景來說，漸層色看起來更有活力，且…
Better Font Finder 更直覺 Google Fonts 檢視器，可視化介面比較不同字型
說到免費字型可能很多人會立刻想到 Google Fonts，早先經常被詬病介面很難用，後來新設計確實讓瀏覽和搜尋字型方便不少，其實也有一些開發者設計出更好用的 Goo…