前幾天剛介紹過「Carbon 將程式碼轉為美麗圖片，在社群分享更引人注目」，Carbon 是相當有趣的程式碼運用，除了提升擷圖質感、讓原始碼更易於閱讀，最大用途是當你要分享程式碼到社群網站，做成圖片效果會更為理想。圖片的缺點是無法直接複製，還是必須附上純文字內容，但不是每個平台都支援顯示原始碼，而且也可能因為編輯器或安全問題導致程式碼無法完整顯示。
hilite.me 線上將程式碼加上高亮效果，免載入 JavaScript、CSS
原始碼
Carbon 將程式碼轉為美麗圖片，在社群分享更引人注目
如果要在網路上分享程式碼（Source Code），通常你會怎麼做呢？若是自己的網站、部落格那還好解決，通常只要將程式碼貼上，搭配高亮效果（Highlight）就能將代碼上色，加入行數等等，看起來更專業也更好閱讀；假如要分享到社群網站，或者你使用的網誌平台不支援貼上程式碼，就必須借助第三方服務幫忙，我在「5 個程式碼分享服務，貼上後立即產生鏈結並加入高亮效果」介紹過類似服務，其中較常使用的是 GitHub Gist。
Mergely 免費線上差異比對（Diff）工具，快速查看及合併程式碼修改段落
CSS Reference 前端設計師必備手冊！收錄 CSS 樣式表屬性說明及範例
前幾天介紹過「HTML Reference 網頁開發者必備手冊！收錄所有 HTML 元素及屬性說明」，有讀者說這個網站比 W3Schools 更方便快速，對於開發者來說實在非常實用，但可能有些人和我一樣接觸 HTML 機會不多，反倒是很常要改網頁樣式，假如你平常會需要和 CSS 為伍，本文要推薦的網站會更適合你。
HTML Reference 網頁開發者必備手冊！收錄所有 HTML 元素及屬性說明
HTML Editor 線上所見即所得編輯器，將內容快速轉為 HTML 原始碼
記得以前剛開始接觸網頁製作時都是使用 Microsoft FrontPage 編輯器，也正因為有所見即得編輯器，才能讓原本複雜難懂的 HTML 原始碼變得更簡單易懂，它將原始碼轉換成可視化內容，只要直接輸入文字、圖片、超鏈結後修改樣式即可將網頁製作出來，當然這些頁面背後仍是有所謂的 HTML 程式碼存在，只在需要時才會切換原始碼模式。
免下載安裝 App！在 iOS 裝置 iPhone、iPad 檢視網頁原始碼教學
現代人手機不離身，無論你是什麼行業，都可能利用行動裝置來隨時隨地工作，尤其是工程師們幾乎將手機當成另一台電腦使用。就以我來說，大部分的工作都能透過瀏覽器來完成，因此行動裝置對我非常有用，只要打開瀏覽器就能做我想做的事，不少服務也會額外開發應用程式 App 能讓整個工作流程更簡化順暢，但我始終不是很明白為什麼 iOS 沒有內建讓瀏覽器檢視網頁原始碼的權限功能呢？對於很習慣查看網頁原始碼的工程人員來說 iPhone 好像少了一個功能。
CRX Extractor 從 Chrome 應用程式商店下載備份 .CRX 擴充功能
Google Chrome 有非常多很方便實用的 Chrome 擴充功能，一般來說，我們會從 Chrome 線上應用程式商店下載需要的外掛，這些在商店上架的外掛一方面也為使用者安全把關，避免從第三方網站下載到被加料（或隱藏惡意程式）的擴充功能。但這會遇到一個問題，如果開發者將擴充功能從商店移除或是被 Google 下架，我們就無法取得，也因此有些人會手動備份 Chrome 擴充功能，當未來開發者停止開發時還能繼續使用。