Geomicons 免費 SVG 平面圖示集下載，為網頁設計開放原始碼
網頁圖示（Web icons）已經成為這幾年網頁設計相當重要且不可或缺的元素，印象中早期是採用插入圖片的作法，但這會因為載入大量圖片而造成請求數大幅增加等問題…
網頁設計
閱讀全文Geomicons 免費 SVG 平面圖示集下載，為網頁設計開放原始碼
Site Palette 從網站獲取配色，快速產生完整調色盤資訊（Chrome 擴充功能）
最近介紹過一些令人印象深刻的色彩工具，多半都是 Google Chrome 外掛，例如我個人很喜愛的「CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式…
Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議
相信網頁設計師一定對 A11y（Accessibility，網頁親和力）不陌生，這個功能主要是透過軟硬體整合，讓殘疾或受過嚴重損傷的使用者可以正常瀏覽並操作你的網頁，…
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看一下原始碼或樣式表，雖然 Google Chrome 本…
Paper-co 免費下載紙張紋理材質背景，高畫質圖片可做商業用途
網路上有各種素材資源可免費下載使用，如果花點時間搜尋通常能有收穫，當然在亞洲或美國網站找到的類型不太一樣，我個人比較喜歡日系素材，更為精緻細膩且符合…
JotForm Cards 免費互動式線上表單，建立更友善的提問問答方式
當前要建立線上表單（Online Form）讓其他人填答、回收資料的服務很多，例如最常看到的 Google Drive 雲端硬碟就有「Google 表單」功能，此外，還有我個人…
SVG Backgrounds 免費網站背景圖下載，可線上預覽、調整顏色細節
如果開發網站或網路服務，可能會需要用到背景圖，以往很多時候會使用 PNG 格式來當做背景，像是 Caself 提供 800 種免費紋理背景圖片就是透過 PNG 檔案來製造出…
Favicon Checker 檢查網站圖示在 iOS、Android、PC 和 Mac 設定是否正確
在網站最佳化指南裡有提到最好可為網站加入網站圖示（Favicon），如果沒記錯的話，雖然是一個簡單的動作，但對網站來說卻有相當大的幫助，怎麼說呢？這些圖案有…
文青必備！Instagram.css 使用樣式表為網站圖片加入 IG 濾鏡效果
近年越來越多人使用的 Instagram，這款圖片影片分享社群應用程式開始於 2010 年，後來在 2012 年被 Facebook 收購成為旗下服務，Pseric 很早就開始使用 Instagr…
Omg-img 用一段程式碼快速插入免費圖示，可自訂顏色、大小和樣式
相信大家對於之前介紹過的「Icons8 免費圖示 iOS、Windows、Android 扁平化風格打包下載」還有印象，簡單來說 Icons8 是一個收錄大量免費圖示的網站，除了直接…