OpenGraph.xyz：快速生成 Open Graph 標籤，提升社群網站預覽效果
OpenGraph.xyz 是一個快速預覽、生成 Open Graph（OG）元標籤的線上工具，簡單來說，這些 Meta 標籤主要用於描述網站…
網頁開發
閱讀全文OpenGraph.xyz：快速生成 Open Graph 標籤，提升社群網站預覽效果
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 標籤，以描述該頁面的相關資訊，例如類型、標…
Window Resizer 快速調整瀏覽器大小，輕鬆模擬各種裝置螢幕尺寸（Chrome 擴充功能）
因為工作需求時常需要調整視窗大小，以符合最佳的擷圖範圍，以前在 Windows 我都是使用 Sizer，一款很好用的免費工具…
