Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌（Chrome 擴充功能）
如果要讓行動裝置正常瀏覽網頁，可以另外製作手機版頁面或是透過自適應網頁設計（Responsive Web Design，簡稱 RWD）…
網頁設計
閱讀全文Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌（Chrome 擴充功能）
Line Awesome 超過 4000 個免費線稿圖示，修改自知名 Font Awesome
如果說到最知名的免費圖示字型（Icons Font），我想大家一定聽過 Font Awesome，這套圖示最初發佈於 2012 年，現今則…
Bg-Patterns 日本免費網頁背景素材，提供常見格式及向量圖下載
如果要找尋一些很細膩、有質感的網頁素材，日本網站是個很好的去處，像是之前介紹過的 FLAT ICON DESIGN 收錄許多扁…
Screenshot Machine 將網頁畫面擷取轉為圖片或 PDF 免費工具
免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具，這些服務多半不需要額外下載軟體，輸入網址就能建立網頁…
CSSgram 以 CSS 和 Sass 編寫而成 Instagram 濾鏡效果
很多早期會使用 Instagram 的朋友都很喜歡對相片套用濾鏡效果的設計，雖然現在有各種應用程式可以做到，甚至成為內建…
ScreenDump 自適應網頁設計測試工具，預覽網站在不同尺寸螢幕顯示效果
早期遇到行動裝置螢幕太小、無法正常瀏覽網站問題，都會針對 User Agent 提供不同的頁面版本，例如在手機存取時會直…
Freebies.ByPeople 各種免費素材集散地，設計師開發人員必須收藏
免費資源網路社群本身已經是一個收錄超過六千篇文章的免費資源網站，因此我就比較少介紹同類型的服務，不過網路上確…
IconArchive 超過 70 萬個免費圖示下載，提供 PNG、SVG 等常用格式
最早在 2007 年介紹過 Icon Archive 免費圖示下載網站，後來在 2011 年稍作更新，時至今日這個網站仍持續維護，目前…
Shade 為新創公司提供免費 Landing Page 網頁模板下載
對於新創公司來說，為產品建立一個好看的 Landing Page 非常重要，但很多時候這個想法不被重視，或是沒有預算在第一…
Get Waves 線上產生 svg 格式波浪圖，可自訂類型顏色每次都不一樣
偶爾會看到帶有波浪形狀的網頁背景設計，通常會配合平面化設計風格一起使用，會讓整體看起來更活潑，但倒是從沒想過…