Hexometer Website Analyzer 分析網站使用那些第三方服務或工具（Chrome、Firefox）
通常一個網站背後是由許多的技術和服務組成，舉例來說，使用 WordPress 做為內容管理系統，再以 Cloudflare 加速並保…
JavaScript
閱讀全文Hexometer Website Analyzer 分析網站使用那些第三方服務或工具（Chrome、Firefox）
MailtoUI 強化 Email 連結，點選後可選擇在 Gmail、Outlook 或複製地址
在網頁裡如果要放入 Email 鏈結，就必須在超連結加上 mailto: 語法，事實上不建議在網站裡直接顯示電子郵件地址…
Darkmode.js 為網站加入深色模式，只要一段程式碼就能實現
macOS 10.14 Mojave 加入全新「深色模式」功能，iOS 13 預告也會加入此模式，如果你曾經將電腦切換為深色，應該會發…
使用 Cloudflare Workers 提高 WordPress 速度和效能教學
去年在 WordCamp Taipei 活動中分享經營網站多年的心得，其中我認為最重要、也不斷重複提及的是「速度」，這兩個字說…
Console.chat 在瀏覽器的開發人員工具加入一個文字聊天室
趁著最近空閒時間較多，介紹一些特殊、趣味性十足的小工具吧！如果你是網站開發者，一定知道瀏覽器都會內建「開發人…
OneLinePlayer 免費網頁影音播放器，嵌入影片可自訂各種模式和按鈕樣式
如果要在個人網站、部落格、作品集或社交媒體放入影片，大部分開發者可能會選擇使用線上影音平台提供的播放器語法，…
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看…
RawGit 將 GitHub 的 Raw 檔案轉為 CDN 格式直接存取使用
GitHub 是一家透過 Git 進行版本控制的軟體原始碼代管平台，你應該很常在一些免費軟體或線上工具網站看到鏈結指…
HtmlWasher 網頁程式碼清理工具，快速去除雜亂代碼保留基本標籤
若你有接手編輯過他人網頁，或是複製其他頁面版型的經驗，應該會發現最困難的往往不是編輯網站，而是將現有的程式碼…
CSS & JavaScript Compressor 線上程式碼壓縮工具，有效提高網站速度
在更新網站時，經常透過網站檢測工具來檢查網站有沒有可以改進的部份，例如我個人相當常用 PageSpeed Insights …