Codepng：快速將程式碼轉換為精美圖片，並加入視窗與漸層背景效果
Codepng 是一個很好用的線上工具，可以將使用者的程式碼轉為令人驚嘆的圖片，更適合在社群媒體上分享。之前介紹過不少類似工具，例如 Carbon、Codeimg 和 Ray.s…
程式語言
閱讀全文Codepng：快速將程式碼轉換為精美圖片，並加入視窗與漸層背景效果
Qwerty Learner 提升打字速度與效率，同時強化記憶單字與程式語言常用詞彙
如果想要提升打字速度，通常最簡單的方法是去熟悉鍵盤上的按鍵位置，透過打字練習可以做到，這類工具多半都提供範本，使用者照著出現的字母或單詞輸入，最後顯…
SQL Translator 將自然語言轉換為 SQL 指令，不會程式語言也會通
早期 WordPress 經常會需要手動設定，例如在 phpMyAdmin 管理資料庫，利用 SQL 指令批次、快速完成某些操作，印象中最常用到的就是當網站搬家時需要變更網址格…
Rayst 分析網站背後公司、流量數據和使用的技術服務（Chrome 擴充功能）
Rayst 是一個很實用的 Chrome 擴充功能，它會在瀏覽器加入一個按鈕，點選後顯示網站背後的公司、流量統計數據和使用的技術等資訊，和之前推薦過的「Wappalyzer …
Wappalyzer 查看競爭對手網站使用那些技術、工具和第三方服務
如果想知道某個網站背後使用那些技術或服務，其實只要打開網站原始碼、透過瀏覽器開發人員工具就能略知一二，不過手動拼湊起來很耗費時間，這時候就有方便的工…
Ray.so 將你的程式碼轉為漂亮圖片，加入視窗外框和陰影效果
如果你想把一段程式碼製作成圖片，只要從編輯器直接擷圖就能做到，看起來可能略顯陽春，不過好處是該有的都有，內容呈現上也沒什麼問題。若你想讓程式碼擷圖變…
ToHTML 將程式碼上色轉為 HTML 使用於網頁更易於閱讀
為了讓閱讀程式碼更方便，編輯器通常都會內建高亮（Highlight）功能，上色後讓使用者編寫原始碼更流暢，如果想在網頁上呈現類似效果，WordPress 有外掛程式提供…
寫程式必備！Microsoft Docs 收錄數千個程式碼範例，還可連結到 GitHub
雖然平常很少去看 Microsoft Docs 說明文件，但得知微軟將網站內部的程式碼範例集合起來還是相當興奮，畢竟這些程式碼可能四散在不同服務上，對開發者來說，範…
Codeimg 程式碼轉圖片，可自訂視窗陰影效果更適合分享社群網站
如果想把一小段程式碼分享到社群網站，透過 GitHub Gist 產生鏈結是個不錯的方式，或是參考我之前介紹的「5個程式碼分享服務，貼上後立即產生鏈結並加入高亮效…
CodeZen 將程式碼轉為 JPG、PNG 圖片，上色後加入視窗及陰影效果
如果要呈現一段程式碼，通常會加入更易於閱讀的色彩效果，這在網頁裡不難做到，甚至大多數編輯器都已經內建上色功能，對於不支援 JavaScript 的平台來說也有像…