偶爾會看到帶有波浪形狀的網頁背景設計，通常會配合平面化設計風格一起使用，會讓整體看起來更活潑，但倒是從沒想過這個效果是怎麼做的，沒想到現在透過 .svg 向量圖程式碼就可直接帶入，讓整個設計流程加速不少。如果你平常工作和網頁設計有關，可能會用到類似上面圖片顯示的「波浪圖」效果，本文要介紹的產生器會很有用，趕緊把它收錄到書籤以備不時之需。
產生器類
線上產生器列表，包含常見的身份證產生器、隨機密碼產生器、捲軸產生器、CSS產生器與任何有趣實用的產生器。
Codeimg 程式碼轉圖片，可自訂視窗陰影效果更適合分享社群網站
如果想把一小段程式碼分享到社群網站，透過 GitHub Gist 產生鏈結是個不錯的方式，或是參考我之前介紹的「5個程式碼分享服務，貼上後立即產生鏈結並加入高亮效果」，若要轉為精美的圖片，我也推薦過 Carbon、CodeZen 可以將程式碼轉成圖片、加上視窗陰影和上色效果的線上工具，對於要分享至社群網站來說更好用。大家都知道社群網站在不同區塊或類別都有不一樣的圖片尺寸限制，接下來要介紹的這項服務就是整合社群網站模版和程式碼轉圖片工具，讓你可以做出更適合分享的程式碼圖片。
PlaceKeanu 把基努李維照片拿來做佔位圖，以網址產生特定尺寸圖片
如果說到最喜愛的好萊塢演員，我想很多人可能會回答基努李維（Keanu Reeves），小時候第一次看《捍衛戰警》令人記憶猶新，還有後來經典《駭客任務》系列和《康斯坦汀：驅魔神探》等電影，這幾年掀起一波 John Wick 熱潮，我最近也在 Apple TV 上重溫最早的前兩集，雖然是一部浮誇的電影，但不得不說這個角色太適合他。
Eva Colors 深度學習的配色工具，找出可搭配主品牌使用的顏色
Beaconstac 免費 QR Code 產生器將網址、聯絡資訊或純文字轉 QR 碼可自訂圖案
BrowserFrame 為網頁擷圖加上瀏覽器外框，支援各種瀏覽器和作業系統
身為一個文字工作者，我對於文章排版和圖片相當堅持，特別是每篇教學都會用到的螢幕畫面擷圖，要怎麼設定抓取範圍、呈現都經過相當長時間的不斷研究摸索，才能盡力維持甚至改善文章品質。或許你無法花太多時間擷取螢幕畫面，但又希望擷圖能有不錯的效果，考慮為圖片加上好看的視窗外觀也會讓質感更為提升，之前介紹過 Frrames 和 Browser Frame 都是類似服務，或是利用 Screely 將圖片轉為帶有 Mac 視窗陰影效果。