Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議
相信網頁設計師一定對 A11y（Accessibility，網頁親和力）不陌生，這個功能主要是透過軟硬體整合，讓殘疾或受過嚴重損傷的使用者可以正常瀏覽並操作你的網頁，…
網頁開發
閱讀全文Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看一下原始碼或樣式表，雖然 Google Chrome 本…
Paper-co 免費下載紙張紋理材質背景，高畫質圖片可做商業用途
網路上有各種素材資源可免費下載使用，如果花點時間搜尋通常能有收穫，當然在亞洲或美國網站找到的類型不太一樣，我個人比較喜歡日系素材，更為精緻細膩且符合…
SVG Backgrounds 免費網站背景圖下載，可線上預覽、調整顏色細節
如果開發網站或網路服務，可能會需要用到背景圖，以往很多時候會使用 PNG 格式來當做背景，像是 Caself 提供 800 種免費紋理背景圖片就是透過 PNG 檔案來製造出…
Low Polygon Art 世界最大的低多邊形免費圖庫，1400 張高解析圖片下載
低多邊形（Low Poly）如同扁平化設計（Flat Design）、材質設計（Material Design）都是相當常見的設計風格，如果你曾經歷過早期的 3D 遊戲或許能夠一看馬上明…
Duoload 在瀏覽器比較兩個網站開啟時間，更直覺方式測試頁面載入速度
大家都知道網頁載入速度在現今扮演舉足輕重的角色，不僅影響到網站跳出率（Bounce Rate）和轉換率，Google 搜尋結果也將它列為排序的參考因素之一，因此最好盡…
HtmlWasher 網頁程式碼清理工具，快速去除雜亂代碼保留基本標籤
若你有接手編輯過他人網頁，或是複製其他頁面版型的經驗，應該會發現最困難的往往不是編輯網站，而是將現有的程式碼整理乾淨，讓它能夠格式化，呈現出一致的效…
Responsive Screenshots 輸入網址查看網站在電腦及行動裝置顯示情形
記得幾年前架設 WordPress 網站時，會透過行動版外掛功能來打造更適合手機或平板電腦閱讀的環境，這個作法通常是將手機使用者引導至另一個佈景主題，專為行動裝…
Colors.css 符合當前網頁設計風格的預設 16 種顏色調色盤
製作網頁時會用來表現各種色彩的方法稱為「網頁顏色」（Web Colors），1999 年制定 HTML 4.01 版本確定 16 種預設顏色的英文名稱和十六進位代碼，經過十幾年的…
超實用！一行程式碼將瀏覽器變身網頁編輯器，支援各種常見瀏覽器
這幾天在 Twitter 看到一則推文分享，只要一段程式碼，就能開啟 Google Chrome 瀏覽器內建開發者工具的編輯器功能，直接在網頁內進行內容編輯測試（對，直接編…