記得以前剛開始接觸網頁製作時都是使用 Microsoft FrontPage 編輯器，也正因為有所見即得編輯器，才能讓原本複雜難懂的 HTML 原始碼變得更簡單易懂，它將原始碼轉換成可視化內容，只要直接輸入文字、圖片、超鏈結後修改樣式即可將網頁製作出來，當然這些頁面背後仍是有所謂的 HTML 程式碼存在，只在需要時才會切換原始碼模式。
HTML Editor 線上所見即所得編輯器，將內容快速轉為 HTML 原始碼
網頁開發
Sizzy 線上測試自適應設計 RWD 在各種 iOS、Android 行動裝置顯示效果
這幾年台灣行動裝置普及率已經非常高，幾乎可以說人手一機，無論是連接社群網站、即時通訊應用或上網查資料可能都會透過手機或平板電腦。對於網站管理者而言，你絕不能輕忽行動裝置使用者為網站帶來的流量。Google 很早以前就告訴你，必須重視行動用戶體驗，從「Google 幫你測試網站是否對行動裝置友善，三項評比指標提供最佳化指南」一文介紹的工具即可快速測試你的網站能否符合當前趨勢。
PaperSizes 各式紙張尺寸長度檢索換算，支援 250 種國際紙張尺寸類型
Subtle Patterns 超過 400 種 PNG 高品質免費背景紋理素材下載
前幾天介紹「Novapattern」提供免費高品質 Photoshop 紋理素材下載，類似資源應該不少，不過我不是從事設計相關工作，對於這類素材網站實在著墨不多，大多仍著重於免費圖庫（畢竟我自己也會用到）。直到最近發現一些不錯的紋理素材資源，決定利用時間陸續介紹給讀者朋友，這些網站你可能看過或沒看過，但都沒關係，假如你手邊有不錯的網站，也歡迎留言或 Email 告知我。
不會寫線上表單？Getform 簡易網頁表單處理服務，為你管理表單資料支援匯出及上傳功能
無論是維護網站或部落格，一定都會放個可以讓訪客聯絡你的頁面，通常我們稱之為聯絡頁面或 Contact Form，一般來說頁面裡會放上 Email、電話、地址地圖等聯絡方式，有時為了讓使用者更容易聯繫，還會設計好可直接填入內容的表單，增加使用者使用此頁面的機會。不過表單並不是那麼容易製作，因為背後得有個程式來處理回應內容，大部分情況下開發者會直接選擇使用 Google Docs 表單或 WordPress 外掛來減少麻煩。
PrelaunchPage 快速建立產品上線前預告網頁，整合 Email 功能收集潛在用戶名單
如果喜歡嘗試各種新服務、新軟體，一定對產品介紹網頁不陌生，通常在對外開放前會有一段封閉測試期，除了為產品上線暖場外，也收集少數使用者的回饋建議來改進產品。因此建立一個好的準備頁面是很重要的。若你對於設計網頁不在行，初期也沒有太多預算來製作引人注目的產品頁面，本文要介紹的服務或許可以幫上忙。
WebGradients 收錄 180 種漸層背景免費下載，一鍵產生 CSS 3 語法
現在一些新的網路服務都蠻喜歡使用漸層顏色作為背景，一來讓背景不那麼單調，再者是 CSS3 之後加入 linear-gradient 參數表示漸變色背景圖，除了顏色外還能控制漸層的角度等等，幾乎只要幾個控制參數就能做到，在應用上更為靈活。如果你想要在網站開發或部落格使用漸層背景，之前我推薦的「Unique Gradient Generator 美麗的網頁毛玻璃模糊背景產生器」是一個方法，另外本文要介紹的 WebGradients 就更厲害一些。
Colorable 網頁色彩線上產生器，可產生符合 WCAG 規範配色組合
這幾年我陸續介紹一些和設計及網頁開發相關的免費資源，其中很多人會用到的「配色工具」是我相當熱愛的題材，例如 Adobe Kuler 能尋找製作簡報設計的配色靈感，從 Coolors 簡單快速的選色器來找出各種顏色組合，若你完全沒有想法，BrandColors 收錄世界知名品牌顏色色碼也是個可以參考的方向，這些線上工具最棒的就是完全不用額外下載或安裝 App，只要打開瀏覽器就能使用。