Security Header Scanner：輕鬆檢查網站安全標頭，提升網站安全性
開啟網頁時瀏覽器會收到 HTTP 回應標頭，其中有一系列「安全標頭」（HTTP Security Headers）主要用於提升網站安全性，減少各種攻擊風險，如果可以對這些安全標…
網頁開發
閱讀全文Security Header Scanner：輕鬆檢查網站安全標頭，提升網站安全性
OpenGraph.xyz：快速生成 Open Graph 標籤，提升社群網站預覽效果
OpenGraph.xyz 是一個快速預覽、生成 Open Graph（OG）元標籤的線上工具，簡單來說，這些 Meta 標籤主要用於描述網站在社群媒體或即時通訊軟體上顯示的預覽樣貌…
Urlscan.io：免費網站掃描工具，線上檢測網頁的各項連結相關資訊
如果要檢查網頁有沒有任何錯誤，Chrome 瀏覽器內建的開發人員工具很有用，不過可能很多人跟我一樣會覺得太複雜，或是更偏好使用直覺的測試功能，例如之前介紹過…
網站安全必備：使用 Security Headers 工具輕鬆檢查安全標頭設定
Security Headers 是 Probely 公司提供的網頁安全標頭檢查工具，網頁標頭是瀏覽器和伺服器在請求與回應過程所傳遞的資料，包含許多元數據，也提供瀏覽器如何顯…
提升效率！Screen Ruler 網頁尺規工具：前端開發者必備的 Chrome 擴充功能
Screen Ruler 是螢幕上的尺，用以測量網頁上任何元素的標籤名稱、ID、尺寸、距離、邊框間距和邊界等資訊，而且操作上很簡單，只要開啟擴充功能後將游標移動到元…
Bean Heads：免費開源的角色大頭貼產生器，打造獨特虛擬形象
Bean Heads 是一個很有趣的開放原始碼專案，主要功能是隨機產生各種角色、虛擬形象，還可以應用在應用程式和遊戲開發，無論是個人和商業用途皆可使用。這項服務…
Favicon.im：快速取得任何網站圖示的實用工具
Favicon 是 Favorite Icon 縮寫，也被稱為「網站圖示」，其實就是顯示在瀏覽器的網址列、書籤和瀏覽器分頁標籤上的小圖示，這個圖示是由每個網站自行設定，也幾…
Ilus AI：利用 AI 技術在幾秒鐘內快速生成各種風格的手繪插圖
今天要介紹「Ilus AI」是使用 AI 技術生成手繪插圖的線上工具，內建三種樣式：墨水繪畫、塗鴉和扁平化風格，使用者只要輸入想產生的插圖描述即可在幾秒鐘快速生…
Studio by WordPress.com：在本機電腦輕鬆建立、編輯和分享 WordPress 網站
本月 WordPress.com 開發團隊宣布推出全新工具「Studio」，號稱是在本機電腦建立 WordPress 網站最快、最簡單的方式，對於開發人員、設計人員和網站管理員來說…
Open Graph Meta 標籤產生器，最佳化網頁連結在社群平台預覽效果
Open Graph protocol 是 Facebook 制定的協議，在網頁原始碼加入 Meta 標籤，以描述該頁面的相關資訊，例如類型、標題、摘要、網址和縮圖，雖然說有沒有設定 OG…