使用 Cloudflare Workers 提高 WordPress 速度和效能教學
去年在 WordCamp Taipei 活動中分享經營網站多年的心得，其中我認為最重要、也不斷重複提及的是「速度」，這兩個字說…
JavaScript
閱讀全文使用 Cloudflare Workers 提高 WordPress 速度和效能教學
Console.chat 在瀏覽器的開發人員工具加入一個文字聊天室
趁著最近空閒時間較多，介紹一些特殊、趣味性十足的小工具吧！如果你是網站開發者，一定知道瀏覽器都會內建「開發人…
OneLinePlayer 免費網頁影音播放器，嵌入影片可自訂各種模式和按鈕樣式
如果要在個人網站、部落格、作品集或社交媒體放入影片，大部分開發者可能會選擇使用線上影音平台提供的播放器語法，…
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看…
RawGit 將 GitHub 的 Raw 檔案轉為 CDN 格式直接存取使用
GitHub 是一家透過 Git 進行版本控制的軟體原始碼代管平台，你應該很常在一些免費軟體或線上工具網站看到鏈結指…
HtmlWasher 網頁程式碼清理工具，快速去除雜亂代碼保留基本標籤
若你有接手編輯過他人網頁，或是複製其他頁面版型的經驗，應該會發現最困難的往往不是編輯網站，而是將現有的程式碼…
CSS & JavaScript Compressor 線上程式碼壓縮工具，有效提高網站速度
在更新網站時，經常透過網站檢測工具來檢查網站有沒有可以改進的部份，例如我個人相當常用 PageSpeed Insights …
超實用！一行程式碼將瀏覽器變身網頁編輯器，支援各種常見瀏覽器
這幾天在 Twitter 看到一則推文分享，只要一段程式碼，就能開啟 Google Chrome 瀏覽器內建開發者工具的編輯器功能，…
WhatRuns 查看網站背後使用那些第三方服務和技術（Chrome、Firefox）
對於開發或經營網站的朋友來說，應該很常會去研究其他網站使用那些技術，一來可知己知彼，另一方面也能從其他網站來…
Local CDN 將 JavaScript 程式庫快取在瀏覽器，加速上網更省流量（Chrome 擴充功能）
在設計網站或部落格時經常使用一些外部的 JavaScript 程式庫，例如最常看到的 jQuery、AngularJS 或 CSS 框架，但 Ja…