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