CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看一下原始碼或樣式表，雖然 Google Chrome 本…
JavaScript
閱讀全文CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
OneLinePlayer 免費網頁影音播放器，嵌入影片可自訂各種模式和按鈕樣式
如果要在個人網站、部落格、作品集或社交媒體放入影片，大部分開發者可能會選擇使用線上影音平台提供的播放器語法，而不會自行托管影片，因為影音檔案容量較大…
Console.chat 在瀏覽器的開發人員工具加入一個文字聊天室
趁著最近空閒時間較多，介紹一些特殊、趣味性十足的小工具吧！如果你是網站開發者，一定知道瀏覽器都會內建「開發人員工具」，也就是打開後有很多輔助開發功能…
使用 Cloudflare Workers 提高 WordPress 速度和效能教學
去年在 WordCamp Taipei 活動中分享經營網站多年的心得，其中我認為最重要、也不斷重複提及的是「速度」，這兩個字說來簡單，要認真鑽研必須耗費不少時間，如何…
Darkmode.js 為網站加入深色模式，只要一段程式碼就能實現
macOS 10.14 Mojave 加入全新「深色模式」功能，iOS 13 預告也會加入此模式，如果你曾經將電腦切換為深色，應該會發現有些應用程式可完美支援，也會一併轉為暗…
MailtoUI 強化 Email 連結，點選後可選擇在 Gmail、Outlook 或複製地址
在網頁裡如果要放入 Email 鏈結，就必須在超連結加上 mailto: 語法，事實上不建議在網站裡直接顯示電子郵件地址，一來有可能變成垃圾郵件（SPAM）寄送的目…
Hexometer Website Analyzer 分析網站使用那些第三方服務或工具（Chrome、Firefox）
通常一個網站背後是由許多的技術和服務組成，舉例來說，使用 WordPress 做為內容管理系統，再以 Cloudflare 加速並保護網站、對圖片進行分流，透過 Google Anal…
store-badge 判斷使用者裝置顯示對應 App Store、Google Play 商店按鈕
今天在整理瀏覽器的瀏覽紀錄時，無意間發現之前存下來的一個服務 store-badge，對於應用程式開發者來說或許會有用處，特別是開發的應用程式包括 iOS 和 Android…
instant.page 官方 WordPress 外掛程式，在網站頁面產生立即載入效果
我去年曾介紹過一個很有用的網站工具「instant.page 讓你的網頁載入更即時，只需加入一段程式碼」，透過只有 200 行、壓縮後僅有 1 Kb 左右的 JavaScript 程式…
Brave Together 免費線上視訊會議，可分享螢幕畫面和 YouTube 影片
隨著台灣新冠肺炎（COVID-19）疫情趨緩，許多公司開始解除在家工作，恢復原本的辦公室工作模式，如果還有遠端開會的需求，有不少線上視訊會議服務可以做到，例…