網頁圖示（Web icons）已經成為這幾年網頁設計相當重要且不可或缺的元素，印象中早期是採用插入圖片的作法，但這會因為載入大量圖片而造成請求數大幅增加等問題，連帶也會拖慢網頁速度，後來有人想出「CSS Sprites」將所有圖片合併成一張，再以 CSS 語法調整顯示的位置，就能讓圖片載入一次情況下做更有效率的應用。
平面設計
Pelican Facebook 為臉書開啟「簡約」和「專注勿擾」模式（Chrome 擴充功能）
Omg-img 用一段程式碼快速插入免費圖示，可自訂顏色、大小和樣式
相信大家對於之前介紹過的「Icons8 免費圖示 iOS、Windows、Android 扁平化風格打包下載」還有印象，簡單來說 Icons8 是一個收錄大量免費圖示的網站，除了直接從網站下載圖片檔的傳統用法，還提供免費的 CDN 網址能直接取用、將圖示放入自己的網站或開發專案，這項功能可加速圖示載入速度，節省網站流量，同時讓圖示運用變得更省事，最近才發現原來 Icons8 還提供另一個很方便的免費圖示小工具。
FREE LINE DESIGN 免費下載 400 種分隔線圖案，向量點陣圖素材可商用
分隔線在網頁設計裡聽起來好像有點古老，印象中一開始學習網頁時 FrontPage 就已經內建分隔線工具，後來使用的人慢慢變少，不過在一些日本網站中還是很常看到分隔線蹤跡，尤其是設計很可愛又精緻的日系網站，通常會以圖案來取代單調的直線。當然圖案除了有區分內容的功能外，還能使網站看起來更生動有趣，但這類素材其實並不好找，從日本網站或許可以挖掘兼具美感和功能性的分隔線圖案。
Unsample 免費範例圖產生器，一鍵下載打包 Unsplash 圖庫指定大小相片
Unsplash 可能是目前全世界最大的免費圖庫，不只有成千上萬、數量龐大的高畫質相片供使用者免費下載，更重要的是為開發者提供 Unsplash API 用於串接這個超大型圖庫（在寫這篇文章時已有 23 萬張 CC0 相片素材），直接讓你取用網站資源。有越來越多的第三方服務或應用程式倚賴 Unsplash 而生，事實上開放不見得是壞事，不重複造輪子也是一個相對省力的方法，網站上提供的相片可作為任何用途，避免誤用到可能會有版權爭議的素材。
PaperSizes 各式紙張尺寸長度檢索換算，支援 250 種國際紙張尺寸類型
思源宋體 Noto Serif CJK 字型免費下載！Google、Adobe 再次攜手推出開放原始碼字體
Google Noto 開源免費字型下載，完美支援 800 種語言、11 萬個字元無亂碼
早在數年前 Google 就有一項遠大計劃，想開發全世界都能通用的字型系統（大家都知道 Google 不斷在改變世界），因此從 2011 年開始內部就啟動 Noto 專案，在團隊統籌下可以在不同語系中使用相同字型設計來獲得最大和諧度。一直到 2014 年終於放出一系列的免費字型，其中大家可能目前還在使用的「Noto Sans CJK（另一名稱為思源黑體）」就屬於 Noto 字型家族，後來也在 Google Fonts 推出網頁字型，不過渲染效果和速度不如 Adobe Typekit 來得優異。