十年前開始自己研究架站，跟很多人一樣都是從 Apache 開始，後來出現 Nginx 後普遍的作法是將它拿來做反向代理（Reveres Proxy），既有的網頁伺服器就會退居後端，由前端的 Nginx 負責相關工作，依照經驗可以提升網站速度，亦能降低負載，在原有硬體規格上承載更多的訪客同時上線（Nginx 本身還能夠針對靜態檔案進行快取）。因為我最初是從 Apache 開始學習，早期都得和設定檔奮戰，一直到 Nginx 我才發現它的設定檔夠簡潔，簡單到我好像無法直接編修。
產生器類
Blend 網頁漸層背景產生器，選擇顏色即時預覽建立 CSS 原始碼
現在很常在網路服務或網站上看到漸層背景應用，記得早期都必須使用圖片堆疊出來，不過後來已經可以寫入 CSS 樣式，只要指定顏色代碼和呈現方式即可。雖然知道有這功能，但要立即寫出來好像也不是那麼容易，還好有網站可以參考，例如 Gradient Backgrounds 收錄各種漸層背景產生器的一站式工具，簡單一點還有 ColorSpark、CoolHue 這類漸層色組合產生器，可快速建立 CSS3 語法，複製到網站就能套用。
Thumbnaily 文字縮圖產生器，線上將文字轉圖片可設定大小和背景顏色
有時候會需要製作只有文字內容的圖片，可能很多人會直接打開 Photoshop 或 Sketch 等圖片編輯軟體，當然這麼做絕對沒問題，只是有一點大費周章，事實上應該有不少手機應用程式可以做到，不過我想也不會有人為了做文字圖片而去下載特定的 App，最好的解決方法應該就是線上工具吧！如果你想要把文字轉圖片，接下來要介紹的工具你可能會喜歡，不過就只是把你輸入的文字轉為圖片而已，功能自然是非常陽春。
Picular 色彩界的 Google！以關鍵字搜尋各種顏色靈感
一般配色工具大多提供很多調色盤，讓使用者從中找到適合自己需求的色彩，畢竟色彩有時候不容易描述，可能從使用者挑選的顏色再延伸、推薦更多相關色彩，當然也有其他更直覺的方法，例如 Site Palette 從網站獲取配色，快速產生完整調色盤資訊就是一個借鑒於他人的色彩工具，又或是 Google Art Palette 從藝術作品發掘配色靈感，我個人也喜歡 Colorable 這類可產生符合 WCAG 規範配色組合的網頁色彩產生器。
CodeZen 將程式碼轉為 JPG、PNG 圖片，上色後加入視窗及陰影效果
如果要呈現一段程式碼，通常會加入更易於閱讀的色彩效果，這在網頁裡不難做到，甚至大多數編輯器都已經內建上色功能，對於不支援 JavaScript 的平台來說也有像是 hilite.me 工具可以轉換。假如你是要讓程式碼呈現在簡報或紙本中，製作成圖片或許是個不錯的方法，之前介紹過「Carbon 將程式碼轉為美麗圖片，在社群分享更引人注目」是一款可將程式碼轉為圖片格式的線上工具，還能加入色彩、陰影和視窗外框，讓一段枯燥無味的程式碼更吸引人。
Gradient Backgrounds 一站式漸層背景產生器，收錄各種服務方便切換
大家都知道現在漸層背景可直接使用 CSS 3 寫出來，終於不用辛苦製作背景圖，好處是一段程式碼就能解決，但你可能不一定知道怎麼寫，還好網路上已經有不少背景產生器，透過可視化介面調整效果後快速轉為程式碼，非常方便！例如 WebGradients、CoolHue 或 ColorSpark 都很好用，如果你需要更複雜一點的背景圖案，Caself 和 Subtle Patterns 也很適合。