提升效率！Screen Ruler 網頁尺規工具：前端開發者必備的 Chrome 擴充功能
Screen Ruler 是螢幕上的尺，用以測量網頁上任何元素的標籤名稱、ID、尺寸、距離、邊框間距和邊界等資訊，而且操作上很簡單，只要開啟擴充功能後將游標移動到元…
網頁開發
閱讀全文提升效率！Screen Ruler 網頁尺規工具：前端開發者必備的 Chrome 擴充功能
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…
Window Resizer 快速調整瀏覽器大小，輕鬆模擬各種裝置螢幕尺寸（Chrome 擴充功能）
因為工作需求時常需要調整視窗大小，以符合最佳的擷圖範圍，以前在 Windows 我都是使用 Sizer，一款很好用的免費工具可快速固定視窗大小，優點是檔案超小，完全…
RealFaviconGenerator 製作適用於各平台和瀏覽器的網站標誌（Favicon）
最近在檢查網站標誌時想到之前介紹過「Favicon Checker 檢查網站圖示在 iOS、Android、PC 和 Mac 設定是否正確」服務，可以在輸入網址後顯示網站的標誌在不同瀏…
Icon Horse 輕鬆製作與轉換網站標誌 Favicon 為固定連結
每個網站都會設定自己的網站標誌（Favicon），也就是在瀏覽器分頁標籤或是書籤會顯示的小圖示，對於識別網站來說很有幫助，現在搜尋引擎也會在標題旁邊顯示網站…
Haikei：創新線上設計工具，打造獨特視覺效果與自定義圖案
Haikei 是一項極富設計創意的線上工具，可以協助使用者製作、產生各種視覺效果，包括波浪、階梯、峰值、斑點、符號、網格和漸層等設計，這些圖案都還能進行更多…