Copy & Paste CSS 教學：快速複製 CSS 樣式與網頁元件的免費工具
從複製貼上開始學習 HTML 與 CSS 應該有很多人跟我一樣剛開始學習 HTML、CSS 都是從複製貼上開始吧？記得早期會有一…
原始碼
閱讀全文Copy & Paste CSS 教學：快速複製 CSS 樣式與網頁元件的免費工具
Diffsuite 文字比對工具，輕鬆比較和合併兩份文字檔或程式碼差異
上個月剛介紹過「Little Differ：免費且安全的線上程式碼差異比較工具，資料不外洩」，這是一個很方便、實用的程式碼…
Little Differ：免費且安全的線上程式碼差異比較工具，資料不外洩！
偶爾在編寫程式碼後會需要比較前後差異，以往我都是使用「Diffchecker 2.0 線上程式碼差異比對，也可比較文件、圖片…
Ray.so 將你的程式碼轉為漂亮圖片，加入視窗外框和陰影效果
如果你想把一段程式碼製作成圖片，只要從編輯器直接擷圖就能做到，看起來可能略顯陽春，不過好處是該有的都有，內容…
HTML.cafe 線上即時 HTML 編輯器，修改原始碼立即查看效果變化
現在比較少有機會從頭到尾、以原始碼編寫一個網頁，記得十幾年前剛開始製作免費資源網路社群時還沒有使用 WordPress …
Diffchecker 2.0 線上程式碼差異比對，也可比較文件、圖片、PDF 檔案
我曾在五年前介紹過 Diff Checker 文件檔案比對工具，後來也成為我喜愛的工具之一，對於經常編寫程式碼的開發者來說…
ToHTML 將程式碼上色轉為 HTML 使用於網頁更易於閱讀
為了讓閱讀程式碼更方便，編輯器通常都會內建高亮（Highlight）功能，上色後讓使用者編寫原始碼更流暢，如果想在網頁…
HEAD 網頁開發參考手冊，收錄 HTML5 在 head 可用標籤及範例說明
如果你是自行架站的網站管理者，對網頁原始碼結構應該不陌生，若以 WordPress 架設網站通常會有完整 <head> 段…
httpstatus.io 快速檢查網站狀態碼、回應標頭和重新轉向情形
自行架站會遇到各式各樣的狀況，其中很常發生的是要檢查某項功能有沒有正常運作（舉例來說，在 WordPress 網站使用 C…
Codeimg 程式碼轉圖片，可自訂視窗陰影效果更適合分享社群網站
如果想把一小段程式碼分享到社群網站，透過 GitHub Gist 產生鏈結是個不錯的方式，或是參考我之前介紹的「5個程式碼…