Font Fit 在你的網站上測試各種字型排版，即時預覽字體大小顏色樣式
設計網頁時排版和色彩選擇非常重要，其中色彩可以參考「BrandColors」從世界知名品牌標準色來獲得靈感，或是一些我曾經介紹過的配色工具；排版的話考量到字型和…
網頁設計
閱讀全文Font Fit 在你的網站上測試各種字型排版，即時預覽字體大小顏色樣式
IntroBar 為特定來源訪客顯示歡迎訊息，方便網站發佈通知增加曝光效果
對我來說，做網站最大的挑戰是如何讓訪客在進入網站後以最短時間獲取最大量的資訊，說起來容易，做起來卻很困難，尤其在訊息流動快速的現代，可能網站晚個幾秒…
Type Anything 從瀏覽器測試建立完美網頁排版，一鍵匯出 CSS 樣式
不怕說出來讓大家知道，其實我對網頁設計很挑剔，尤其在排版方面。如果你經常回來免費資源網路社群，應該會發現這裡更新頻率很高，不單單只有文章內容汰舊換新…
Icon Ninja 推薦免費圖示搜尋引擎，收錄將近 90 萬個 PNG、SVG 圖案下載
網路上有不少免費圖示網站可以下載設計好的圖示集，繪製圖示並不是一件容易的事，需要素材時大部分使用者可能會轉向國外網站來進行搜尋或找尋靈感，例如：Easyi…
Hero Patterns 免費 SVG 重複背景圖產生器，CSS 程式碼複製貼上快速套用
早期網頁設計蠻流行加上背景圖，尤其是使用平鋪式背景、以連續重複拼湊出漂亮風格，不僅讓網頁看起來更生動活潑，也不會因圖片太大張拖慢網站速度。之前介紹過…
Upsite 漂亮的免費架站平台，支援 Markdown 輕鬆打造回應式網頁設計
現在架站的難度與五年、十年前已不可同日而語，除了虛擬主機價格幾乎貼近成本，也有不少免費架站服務可以選擇，例如 Jimdo、Onepager 或我個人推薦的 Stri…
Launchaco Website Builder 快速建立免費、自適應設計產品官方網站
設計一個產品網站要花多少錢？五萬或十萬？這對新創公司來說都是一筆開支，至少在草創初期沒有充裕資金時要更謹慎，因此不少人會挽起袖子自己做，開發網站並不…
Evil Icons 簡約風格免費圖示，開放原始碼 SVG、AI 及 Sketch 三格式下載
一般在開發專案或應用程式時會用到圖示集，不但能提升介面質感，也能讓使用者更容易學習使用，其實網路上也已有不少免費圖示素材可以下載、使用在自己的專案上…
Colorable 網頁色彩線上產生器，可產生符合 WCAG 規範配色組合
這幾年我陸續介紹一些和設計及網頁開發相關的免費資源，其中很多人會用到的「配色工具」是我相當熱愛的題材，例如 Adobe Kuler 能尋找製作簡報設計的配色靈感，…
Material UI 收錄 Google、微軟及社群網站等常見設計風格配色組合
最近在設定社群分享按鈕時，因為要指定不同社群網路按鈕使用的顏色，上去 Google 後找到一個完整的標準色表，對於一般使用者來說，你可能記得 Facebook、Twitte…