Ray.so 將你的程式碼轉為漂亮圖片，加入視窗外框和陰影效果
如果你想把一段程式碼製作成圖片，只要從編輯器直接擷圖就能做到，看起來可能略顯陽春，不過好處是該有的都有，內容呈現上也沒什麼問題。若你想讓程式碼擷圖變…
程式碼
閱讀全文Ray.so 將你的程式碼轉為漂亮圖片，加入視窗外框和陰影效果
HTML.cafe 線上即時 HTML 編輯器，修改原始碼立即查看效果變化
現在比較少有機會從頭到尾、以原始碼編寫一個網頁，記得十幾年前剛開始製作免費資源網路社群時還沒有使用 WordPress 架站，最早的網頁就是直接用 HTML 文字編輯…
Monkeytype 超專業線上英打練習服務，設定模式產生打字速度結果
一直以來都在嘗試各種不同鍵盤帶來的手感，從 Filco、Realforce 一路打到 Leopold，剛好最近看到一篇 PTT 網友開箱文，在測試鍵盤打字時就錄製一段敲打影片，當…
Dev Fonts 適合開發者的免費字型下載，線上套用字型預覽程式碼效果
一般的純文字編輯器不一定適合編寫程式碼，透過專業的程式碼編輯工具可針對程式語言上色，在閱讀時更省力，也減少因為誤判造成的問題，最重要的是使用等寬字型…
Diffchecker 2.0 線上程式碼差異比對，也可比較文件、圖片、PDF 檔案
我曾在五年前介紹過 Diff Checker 文件檔案比對工具，後來也成為我喜愛的工具之一，對於經常編寫程式碼的開發者來說透過 Diff 可以協助找出兩個檔案間的差異性…
ToHTML 將程式碼上色轉為 HTML 使用於網頁更易於閱讀
為了讓閱讀程式碼更方便，編輯器通常都會內建高亮（Highlight）功能，上色後讓使用者編寫原始碼更流暢，如果想在網頁上呈現類似效果，WordPress 有外掛程式提供…
Detailed SEO Extension 快速得知網頁的搜尋引擎最佳化相關資訊（Chrome 擴充功能）
通常在網站流量出現變化時網站管理者會去探究原因，如果你的訪客多為來自搜尋引擎的自然流量，有很大機會是搜尋引擎排名下降或類似問題，當然各家公司使用的演…
JetBrains Mono 更適合閱讀程式碼的等寬字型，內建四種字重斜體可商用
這幾年不少大公司都把字型開放出來讓需要的使用者可以自由下載使用，例如微軟專為新的終端機程式設計的 Cascadia Code，美國政府在 USWDS（U.S. Web Design Sys…
Cascadia Code 微軟釋出免費等寬字型，開源更適合程式碼編輯器和終端機
微軟在去年的開發者大會發表一款新的等寬字型（Monospaced Font），命名為 Cascadia Code，專為全新的 Windows 終端機（Windows Terminal）所設計，新版終端機…
寫程式必備！Microsoft Docs 收錄數千個程式碼範例，還可連結到 GitHub
雖然平常很少去看 Microsoft Docs 說明文件，但得知微軟將網站內部的程式碼範例集合起來還是相當興奮，畢竟這些程式碼可能四散在不同服務上，對開發者來說，範…