Bunny Fonts：隱私友善的 Google Fonts 替代方案，支援 GDPR 與全球 CDN
Google Fonts 是 Google 的免費字型網站，收錄超過 1800 種字體，也是許多網站開發人員會使用的排版樣式，不過它也潛藏一些問題，例如遠端載入網頁字型可能影響…
網頁開發
閱讀全文Bunny Fonts：隱私友善的 Google Fonts 替代方案，支援 GDPR 與全球 CDN
Security Header Scanner：輕鬆檢查網站安全標頭，提升網站安全性
開啟網頁時瀏覽器會收到 HTTP 回應標頭，其中有一系列「安全標頭」（HTTP Security Headers）主要用於提升網站安全性，減少各種攻擊風險，如果可以對這些安全標…
OpenGraph.xyz：快速生成 Open Graph 標籤，提升社群網站預覽效果
OpenGraph.xyz 是一個快速預覽、生成 Open Graph（OG）元標籤的線上工具，簡單來說，這些 Meta 標籤主要用於描述網站在社群媒體或即時通訊軟體上顯示的預覽樣貌…
Urlscan.io：免費網站掃描工具，線上檢測網頁的各項連結相關資訊
如果要檢查網頁有沒有任何錯誤，Chrome 瀏覽器內建的開發人員工具很有用，不過可能很多人跟我一樣會覺得太複雜，或是更偏好使用直覺的測試功能，例如之前介紹過…
16 個免費網站測速工具，分析網頁效能表現
本文參考資料為 16 Website Speed Test Tools for Analyzing Web Performance，原作者 Brian Jackson。 一個網站的速度可以是成功的關鍵因素。如同 KeyCDN 在「…
網站安全必備：使用 Security Headers 工具輕鬆檢查安全標頭設定
Security Headers 是 Probely 公司提供的網頁安全標頭檢查工具，網頁標頭是瀏覽器和伺服器在請求與回應過程所傳遞的資料，包含許多元數據，也提供瀏覽器如何顯…
提升效率！Screen Ruler 網頁尺規工具：前端開發者必備的 Chrome 擴充功能
Screen Ruler 是螢幕上的尺，用以測量網頁上任何元素的標籤名稱、ID、尺寸、距離、邊框間距和邊界等資訊，而且操作上很簡單，只要開啟擴充功能後將游標移動到元…
Stylify Me 快速獲取網站配色、字型等風格資訊
設計網頁除了參考現有網站的排版、架構外，更需要的就是觀摩別人是怎麼配色、選擇字型，好的設計不但能讓整體網頁質感加分，還有助於讓訪客更容易了解網站動線…
yourbrowser.is 顯示瀏覽器完整資訊，為客戶免費建立自訂檢測頁面
網站開發者最怕遇到的問題是當使用不同的瀏覽器環境，可能在某些情況下發生問題，這時候就必須進一步了解出錯原因（例如用什麼瀏覽器、作業系統），若有使用者…
Multi Screen Test 測試網頁在不同裝置、螢幕解析度顯示效果
近幾年已進入所謂的「多螢時代」，除了電腦外，可能許多人也同時擁有智慧型手機或是平板電腦，為了應付不同的畫面大小需要，網頁開發者也必須適當修改網頁，才…