Get out of my head：清理無用 Meta 標籤，打造更快更環保網站
身為網站管理員是否對網頁 <head> 的每一行原始碼瞭若指掌呢？其實這也是網頁相當重要的一部分，不過現今大多都是使用架站程式或是平台建置網站，可能很少會…
原始碼
閱讀全文Get out of my head：清理無用 Meta 標籤，打造更快更環保網站
CSS Loaders：超過 600 個單一元素 CSS 載入動畫免費合集
今天要介紹的「CSS Loaders」號稱全世界最大的載入動畫合集，這裡收錄超過 600 個僅使用單一元素製作的 CSS 載入動畫，這些動畫不需要用到 JavaScript，專注於…
Copy & Paste CSS 教學：快速複製 CSS 樣式與網頁元件的免費工具
從複製貼上開始學習 HTML 與 CSS 應該有很多人跟我一樣剛開始學習 HTML、CSS 都是從複製貼上開始吧？記得早期會有一些架站教學網站，提供各式各樣範例程式碼，…
Diffsuite 文字比對工具，輕鬆比較和合併兩份文字檔或程式碼差異
上個月剛介紹過「Little Differ：免費且安全的線上程式碼差異比較工具，資料不外洩」，這是一個很方便、實用的程式碼比對工具，特性是所有功能都只會在瀏覽器運…
Little Differ：免費且安全的線上程式碼差異比較工具，資料不外洩！
偶爾在編寫程式碼後會需要比較前後差異，以往我都是使用「Diffchecker 2.0 線上程式碼差異比對，也可比較文件、圖片、PDF 檔案」服務，不過後來發現編輯器本身…
Ray.so 將你的程式碼轉為漂亮圖片，加入視窗外框和陰影效果
如果你想把一段程式碼製作成圖片，只要從編輯器直接擷圖就能做到，看起來可能略顯陽春，不過好處是該有的都有，內容呈現上也沒什麼問題。若你想讓程式碼擷圖變…
HTML.cafe 線上即時 HTML 編輯器，修改原始碼立即查看效果變化
現在比較少有機會從頭到尾、以原始碼編寫一個網頁，記得十幾年前剛開始製作免費資源網路社群時還沒有使用 WordPress 架站，最早的網頁就是直接用 HTML 文字編輯…
Diffchecker 2.0 線上程式碼差異比對，也可比較文件、圖片、PDF 檔案
我曾在五年前介紹過 Diff Checker 文件檔案比對工具，後來也成為我喜愛的工具之一，對於經常編寫程式碼的開發者來說透過 Diff 可以協助找出兩個檔案間的差異性…
ToHTML 將程式碼上色轉為 HTML 使用於網頁更易於閱讀
為了讓閱讀程式碼更方便，編輯器通常都會內建高亮（Highlight）功能，上色後讓使用者編寫原始碼更流暢，如果想在網頁上呈現類似效果，WordPress 有外掛程式提供…
HEAD 網頁開發參考手冊，收錄 HTML5 在 head 可用標籤及範例說明
如果你是自行架站的網站管理者，對網頁原始碼結構應該不陌生，若以 WordPress 架設網站通常會有完整 <head> 段落，取決於你使用的佈景主題，這部份是用來…