Site Palette 從網站獲取配色，快速產生完整調色盤資訊（Chrome 擴充功能）
最近介紹過一些令人印象深刻的色彩工具，多半都是 Google Chrome 外掛，例如我個人很喜愛的「CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式…
網頁設計
閱讀全文Site Palette 從網站獲取配色，快速產生完整調色盤資訊（Chrome 擴充功能）
Geomicons 免費 SVG 平面圖示集下載，為網頁設計開放原始碼
網頁圖示（Web icons）已經成為這幾年網頁設計相當重要且不可或缺的元素，印象中早期是採用插入圖片的作法，但這會因為載入大量圖片而造成請求數大幅增加等問題…
Google 行動網站速度測試工具，比較最多 10 網址在不同國家開啟時間
Google 這幾年不斷提倡網站速度的重要性，不僅有助於留住更多訪客、提升轉換率，就連搜尋引擎排名也會將網頁載入速度作為排序指標之一，如果你是使用 WordPress…
Screely 將圖片轉成帶有 Mac 視窗陰影的線上工具，還可自訂背景色
做出上面的視窗陰影效果需要 Mac 嗎？不用，需要 Photoshop 或 Sketch 等繪圖軟體嗎？也不用，只要透過瀏覽器、無須下載或安裝任何軟體就能達成！記得之前介紹…
ColorSpark 隨機產生顏色或漸層色組合，顯示 CSS3 代碼快速複製
每次要選擇顏色的時候，我總是會從眾多配色工具找一兩個自己喜歡的，無論從中尋找靈感或挑選合適的顏色都很好用，例如：Coolors 快速選色器，後來改版後介…
イラスト無料ネット：300 個免費日本圖示 PNG 和 EPS 兩種格式下載可商用
在開始這篇文章前，請先將視線往上看看這些圖示，是不是有一種似曾相似的感覺呢？我第一個聯想到的是 Noun Project，一套設計線條簡單的圖示集，當然還有許多類…
Gradient Backgrounds 一站式漸層背景產生器，收錄各種服務方便切換
大家都知道現在漸層背景可直接使用 CSS 3 寫出來，終於不用辛苦製作背景圖，好處是一段程式碼就能解決，但你可能不一定知道怎麼寫，還好網路上已經有不少背景產…
Hex Naw 檢測你的網站配色對比和可視性評分，找出最具網頁親和力色彩組合
通常在選擇網頁的背景和前景色時會考慮到閱讀上的舒適度，如果顏色太接近或是對比太大，有可能讓閱聽者在閱讀上變得不那麼舒服，也會使整體配色出現奇怪的感覺…
Tilda Icons 超過 700 個免費圖示下載，採簡單線條設計 SVG 向量圖格式
之前曾專文介紹「Tilda Publishing 免費網頁製作平台，超過 170 種內容類型輕鬆打造獨特網站」架站服務，或許你還有印象，其實類似網站建置平台很多，但彼此都…
PageSpeed Reports 每週檢測搜尋引擎最佳化評分，自動將報告寄回信箱
對網站站長來說，Google PageSpeed Insights 評比一直有相當重要的意義，這是 Google 根據網頁各項條件判定出來的評分，越接近滿分 100 代表網站越好（至於那一…