Eva Colors 深度學習的配色工具，找出可搭配主品牌使用的顏色
免費資源網路社群介紹過不少配色工具，但大部分都是提供使用者顏色代碼，或是幫你找出幾個相關色碼，在毫無頭緒的情況下或許派得上用場，卻很難在現有的配色下…
網頁開發
閱讀全文Eva Colors 深度學習的配色工具，找出可搭配主品牌使用的顏色
BrowserFrame 為網頁擷圖加上瀏覽器外框，支援各種瀏覽器和作業系統
身為一個文字工作者，我對於文章排版和圖片相當堅持，特別是每篇教學都會用到的螢幕畫面擷圖，要怎麼設定抓取範圍、呈現都經過相當長時間的不斷研究摸索，才能…
CSSFX 最美的 CSS 動態效果一鍵複製，提升使用者操作體驗
前陣子介紹過「CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼」這個很有趣的網站，事實上現今 CSS 樣式表可以做的事越來越多，甚至透過幾段原…
Checklist Design 網頁開發者必備參考手冊，助於學習更好的設計方式
身為網頁開發者總會不斷重複一些類似的情境，例如協助其他公司製作網站的價目表、購物車、新手上路、網誌、招聘、聯繫頁面等等功能，可能不同公司對於內容的細…
Mockdown 線上將軟體介面、網頁或應用程式擷圖轉為 Mockup 視覺稿
如果從事網頁設計相關工作應該很常聽到一個名詞「Mockup」，中文稱為模型或原型，若翻譯成「視覺稿」可能比較容易理解，Mockup 通常在「Wireframe」（線框圖）…
CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼
網頁設計師或網站開發者一定對 CSS 不陌生，CSS 中文是階層式樣式表，通常會簡稱為樣式表，主要是用來控制網頁中看到的各種樣式，例如文字大小、間距、背景色、…
YourKit.pw 快速產生瀏覽器相關資訊，開發除錯更容易找出問題點
對網站站長來說，在開發網站的過程中會考慮到各種可能的問題，有時候只能想辦法使用更多不同的環境進行測試，但百密必有一疏，難免遇到一些很神奇、難以理解的…
Metatags.io 線上預覽、編輯產生對應的 Meta 標籤
無論搜尋引擎或常見的社群網站都會內建「鏈結預覽」功能，當使用者搜尋或貼上鏈結時會自動去抓取該網站相關資訊，例如標題、說明或縮圖等等，如果沒有進行任何…
FontSpark 找尋字型靈感工具，隨機套用英文字體即時線上預覽
還記得之前介紹過 ColorSpark 隨機產生配色或漸層色組合，協助設計師在開發網頁或應用程式時獲取配色靈感嗎？其實類似的色彩工具還不少，而且很多都有提供使用…
Blend 網頁漸層背景產生器，選擇顏色即時預覽建立 CSS 原始碼
現在很常在網路服務或網站上看到漸層背景應用，記得早期都必須使用圖片堆疊出來，不過後來已經可以寫入 CSS 樣式，只要指定顏色代碼和呈現方式即可。雖然知道有…