CodeZen」是一個可以將程式碼、原始碼加上標記顏色後輸出成 JPG or PNG 的網站，可以先選擇程式語言，再選擇字體大小與風格，背景有黑、白和灰三種可選擇，最後是視窗寬度，如果需要顯示行數，可以勾選「Show line numbers」。 ▲「CodeZen」支援的所有程式語言。 ▲「CodeZen」支援的主題。 ▲「CodeZen」輸出的視窗可以有大、中、小三種寬度。

Free Online Image Map Generator」是一個可以自動生成 HTML Image Map 影像地圖原始碼的線上工具 ⚙，由於自行尋找圖片上的座標再填入原始碼中相當耗時，為了解省時間，這個工具提供圖像化的介面，只要動動滑鼠將圖上的區域選取後填入網址等資訊，就可以獲得完整的 HTML 原始碼 ⌨，選取區域的模式有三種：Rect（矩形）、Poly（多邊形）和…

「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 撰寫網頁原始碼時常常會縮錯排，或者將任何原始碼複製進來時都有可能造成整理不美觀，因此我們就需要依靠「Beautify」來美化原始碼，這款擴充功能支援以下幾種常見的網頁原始碼：javascript、JSON、CSS、Sass 和 HTML，安裝好後點鍵盤「F1」就可以選擇要整個檔案美化還是反白區段美化，