Who Can Use 檢查網頁配色對視力障礙使用者友善程度
全球資訊網協會（World Wide Web Consortium，W3C）制定的網頁內容無障礙指南相信大家不陌生，網頁內容無障礙指南（Web Content Accessibility Guidelines，WCA…
網頁設計
閱讀全文Who Can Use 檢查網頁配色對視力障礙使用者友善程度
Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌（Chrome 擴充功能）
如果要讓行動裝置正常瀏覽網頁，可以另外製作手機版頁面或是透過自適應網頁設計（Responsive Web Design，簡稱 RWD）技術來調整版型，那麼要怎麼知道一個網站有…
Line Awesome 超過 4000 個免費線稿圖示，修改自知名 Font Awesome
如果說到最知名的免費圖示字型（Icons Font），我想大家一定聽過 Font Awesome，這套圖示最初發佈於 2012 年，現今則由 1,544 個圖案組成，主要分為免費、開放…
Bg-Patterns 日本免費網頁背景素材，提供常見格式及向量圖下載
如果要找尋一些很細膩、有質感的網頁素材，日本網站是個很好的去處，像是之前介紹過的 FLAT ICON DESIGN 收錄許多扁平化設計圖示，還有 FREE LINE DESIGN …
Screenshot Machine 將網頁畫面擷取轉為圖片或 PDF 免費工具
免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具，這些服務多半不需要額外下載軟體，輸入網址就能建立網頁截圖，有些還能選擇要用的裝置類型或解析度…
CSSgram 以 CSS 和 Sass 編寫而成 Instagram 濾鏡效果
很多早期會使用 Instagram 的朋友都很喜歡對相片套用濾鏡效果的設計，雖然現在有各種應用程式可以做到，甚至成為內建相片編輯功能，但在當年可以說非常強大，無…
ScreenDump 自適應網頁設計測試工具，預覽網站在不同尺寸螢幕顯示效果
早期遇到行動裝置螢幕太小、無法正常瀏覽網站問題，都會針對 User Agent 提供不同的頁面版本，例如在手機存取時會直接切換到「行動版」網頁，若以電腦開啟則是…
Freebies.ByPeople 各種免費素材集散地，設計師開發人員必須收藏
免費資源網路社群本身已經是一個收錄超過六千篇文章的免費資源網站，因此我就比較少介紹同類型的服務，不過網路上確實有不少類似網站，例如 Evernote Desi…
IconArchive 超過 70 萬個免費圖示下載，提供 PNG、SVG 等常用格式
最早在 2007 年介紹過 Icon Archive 免費圖示下載網站，後來在 2011 年稍作更新，時至今日這個網站仍持續維護，目前已累積超過 70 萬圖示，一共兩千多個圖示集…
Shade 為新創公司提供免費 Landing Page 網頁模板下載
對於新創公司來說，為產品建立一個好看的 Landing Page 非常重要，但很多時候這個想法不被重視，或是沒有預算在第一時間設計出合適的頁面，可能就會錯失許多機…