這幾年有不少背景圖案製作工具，都可以在線上預覽、客制化圖形細節，最終產生 CSS 和 SVG 格式，甚至在不用下載任何檔案的情況下直接複製程式碼，加入網頁就會獲得非常好的效果，兼具品質和效能，也不會拖慢網頁速度。例如之前我厭過的 Hero Patterns 快速產生重複圖案 CSS 背景；CSS Background Patterns 也能製作各種純色彩背景圖，如果需要背景圖也能試試看接下來要介紹的服務。
網頁開發
Printables 可列印免費手機模型草稿紙，以更清晰的思路開發應用程式
雖然沒有親身參與過手機應用程式專案，但可以想見在開發前期應該會有一段繪製草稿的過程，將各種想法經過討論轉為可視化應用程式草圖，才能夠繼續接下來的調整，這時候就必須把應用程式畫面畫出來。最近看到一個有助於應用程式開發的免費資源，提供許多手機模型模版，只要將它下載、列印出來就變成草稿紙，直接在紙上繪製更方便。
SVG Waves 免費波浪圖產生器，互動式介面即時產生圖案原始碼
Cool Backgrounds 免費背景製作工具，內建五種效果可自訂顏色
根據 Cool Backgrounds 開發者研究，在發佈網頁或文章前最困難的步驟之一是找到合適背景圖片，好的圖片不僅能凸顯整篇內容質感，也可獲得更多使用者注意。我之前推薦不少免費背景產生器，依照使用者需求快速製作出很活潑、色彩鮮豔的背景，例如 Svg Wave 產生波浪狀背景圖案（在很多網站都能看到）；Hero Patterns 製作好看的重複平鋪式背景，而且只要將 CSS 語法帶入就能套用。
Meta Tag Generator 網站資訊標籤產生器，為搜尋媒體和社群網路最佳化
對我來說，要讓網站在搜尋引擎取得好的排名表現，把程式碼寫正確是首要任務，因此我相當重視 Google 之前釋出的「搜尋引擎最佳化入門指南」說明文件，如果你對於開發網站有興趣，或是工作也會碰到相關內容，之前推薦過「HEAD 網頁開發參考手冊」很有用，它收錄 HTML5 在會出現的各種元件和使用範例，幫助開發者寫出更為完整全面的網頁標頭，對不想要翻找艱澀繁瑣說明文件的朋友 HEAD 也直接給出最基本的標頭範例。
Everypixel Patterns 協助設計師製作無接縫圖案，運用演算法產生圖庫
最早介紹 Everypixel 這家公司的產品是「Everypixel 整合 50 個頂尖免費圖庫搜尋引擎，使用演算法過濾不適合圖片還能比價」，簡單來說，很多免費圖庫的相片品質參差不齊，有些甚至還有濃濃的「圖庫感」，Everypixel 就是透過機器學習和類神經網路技術，讓程式自動幫我們篩選掉一些一看就不會想使用的相片；後來還推出另一個「Everypixel Aesthetics Tool」由使用者上傳相片，交給機器幫你判斷這張相片究竟夠不夠吸引人。
Squircley 線上 SVG 圖片產生器，可製作圓形、正方形或方圓形彩色圖片
Svg Wave 線上製作波浪背景圖，調整波峰數或高度產生 SVG、PNG 格式
對於一般內容網站來說，為了使頁面內容有好的可讀性，可能會維持網頁底色為白色或單一顏色，但如果是網路服務或應用程式，想讓背景活潑也能加入變化，例如 Hero Patterns、Background Image Generator 或 SVG Backgrounds 產生紋理材質背景，既不會太過混雜又不像單一顏色這麼無趣，在維持網頁效能的情況下只要透過 SVG 或產生小張 PNG 圖片，以 CSS 方式載入就能自訂背景。
CSS Background Patterns 免費背景圖產生器，可建立純 CSS 背景素材
想想後來的網頁比較少有背景圖需求，多半都是以單色為主，如果覺得略顯單調，也能使用紋理材質或漸層色做為背景，例如 Paper-co 就有許多日系的紙張紋理材質可用做背景，不僅看起來可以提升質感，也不會影響閱讀造成負擔，另一個之前推薦過的 Subtle Patterns 也有超過 500 種紋理素材可供下載；若喜歡重複背景圖 Hero Patterns 可以在不下載任何檔案情況下產生好看的平鋪式背景圖，或是使用 ColorSpark、Gradient Backgrounds 製作漸層色背景，需要背景圖的朋友可以試試看這些服務。
Screenshot Rocks 線上製作帶有瀏覽器或手機外觀的網頁擷圖
如何製作出上圖帶有瀏覽器外框的網頁擷圖畫面呢？可能很多人會選擇打開網頁，將視窗調整到適當大小後擷圖即可，這個答案好像也沒有錯，只是相較於使用 Mockup 工具來說會更費時費力，其實只要透過像是 BrowserFrame 或 Mobile Mockup 就能在輸入網址後快速製作出模型圖，看起來會比自己擷取還要更有質感。如果是 Mockup Photos、Smartmockups 還能直接套用免費圖庫提供的高品質相片，免費資源網路社群有一部分的文章首圖都是以類似工具處理，看起來很自然而且能提昇質感。