開發一項新的專案前,可能會先去把相關資源找齊,其中在介面部分一定會碰到的問題是要使用那一套圖示做為主視覺,網路上已經有相當多免費圖示可供下載甚至是商業使用,若非必要其實不用再重新開發,我在上一篇「免費圖示 Unicons 收錄超過 1000 個向量圖示下載」提過一些之前介紹過的圖示素材,如果你想找圖示,也可直接瀏覽本站免費圖示分類或透過右側站內搜尋框找到更多相關文章。
應用程式開發
YourKit.pw 快速產生瀏覽器相關資訊,開發除錯更容易找出問題點
對網站站長來說,在開發網站的過程中會考慮到各種可能的問題,有時候只能想辦法使用更多不同的環境進行測試,但百密必有一疏,難免遇到一些很神奇、難以理解的狀況,通常都會先詢問對方的操作環境,才能從這些資訊中找出問題癥結。如果想快速獲取使用者的瀏覽器相關資訊,可以透過之前介紹過的「My Browser 產生完整瀏覽器資訊頁面,協助解決技術問題」或「yourbrowser.is 顯示瀏覽器完整資訊,為客戶免費建立自定檢測頁面」這兩項免費服務達到目的,也更節省時間。
Unicons 超過 1000 個向量圖示免費下載,完美像素放大縮小不影響解析度
如果要開發應用程式或網路服務,通常會需要整套樣式一致的圖示集,而這些圖案也不是太難找,網路上有不少以開放原始碼釋出、甚至可用做商業用途的圖示庫,例如我之前介紹過的 illustrio、Ionicons、Feather Icons 和 Octicons 等等(文章裡還有更多免費圖示集鏈結),這些圖案都有不太一樣的樣式設計,只要符合自己介面風格就能有相當好的效果,相較於自行開發整套圖示來說也更省時省事。
Eva Icons 超過 480 個精美免費圖示,開放原始碼可用於商業模式
在開發網路服務或應用程式介面都會需要用到圖示,因為涉及易讀性,也要能和各種不同風格搭配使用,多半會選擇簡單設計的圖案,過去我已經介紹過不少很值得使用的圖示集,包括:Entypo、SmartIcons、Octicons、Geomicons、Maki Icons、Zondicons 等等,族繁不及備載,其中不乏開放原始碼、可使用於商業模式的授權,如果你想開發網頁或程式,可以花點時間作功課找找有沒有符合需求的免費圖示選項。
OpenMoji 開放原始碼免費表情符號,彩色單色 SVG、PNG 格式免費下載
PaymentFont 免費支付圖示集,收錄 116 個常用付款方式向量圖檔(信用卡、PayPal)

在需要付費的網站中,通常會在購物車或網頁底部放上付款圖示,代表這裡支援信用卡或其他線上支付管道,例如 PayPal 或 Stripe 等等,當然這些圖案都能在網路找到,而且有著各式各樣的設計風格,透過圖片編輯軟體自行調整一下馬上符合你的網站,但如果你不想東湊西湊又要花時間修改,直接選用已經準備好的向量圖示集就更簡單了!若你有需要這些支付相關圖示請繼續閱讀下去。
Screen Sizes 常用手機、平板電腦和顯示器螢幕尺寸大小、寬度等資訊查詢

無論是智慧型手機、平板電腦或一般桌上型電腦螢幕都擁有各種螢幕尺寸,雖然是照著通用解析度比例下去設計,但開發人員往往很難馬上意會到某個品牌、型號的螢幕大小為何,還好現在只要幾秒鐘就能 Google 找到官方的技術資訊,對於網站或應用程式開發很有用,如果你會需要用到關於裝置、螢幕大小和寬度等資料,可將本文介紹的網站加入書籤。
如何將 Google Chrome 已安裝的擴充功能匯出、備份為 .CRX 檔案?
之前介紹過 CRX Extractor 可以從應用程式商店下載備份擴充功能,有讀者朋友問說:如果 Google Chrome 擴充功能已經從 Chrome 應用程式商店下架,還有沒有方法下載呢?通常網路上可以搜尋到下載點或是從商店備份的 .crx
檔案,但使用者很難確保這些檔案乾淨沒有被「加料」,若外掛已經下架,但仍安裝於你的 Google Chrome 瀏覽器,可以試著將檔案匯出備份,以後就可以隨時將外掛功能重新安裝回去。
Tilda Icons 超過 700 個免費圖示下載,採簡單線條設計 SVG 向量圖格式
之前曾專文介紹「Tilda Publishing 免費網頁製作平台,超過 170 種內容類型輕鬆打造獨特網站」架站服務,或許你還有印象,其實類似網站建置平台很多,但彼此都有一些功能上的差異,因此多方嘗試、找出符合需求的選項就很重要。不過接下來要介紹的不是架站平台,而是網頁設計或應用程式開發會用到的免費圖示,如果對於圖示有需要,不妨到這個素材庫找找。
My Browser 產生完整瀏覽器資訊頁面,協助解決技術問題好夥伴
要解決問題必須知道問題在那,就如同除錯(Debug)時要有完整資訊才行,如果你遭遇一些和網頁相關的狀況,也認為罪魁禍首應該是瀏覽器,那麼提供必要資訊將有助於開發者釐清並修復問題。但這又有一個問題:我要如何提供最完整的使用者資訊呢?除了瀏覽器名稱、版本以外還需要什麼?這可能就比較有難度了,還好問題終究會有人想到解決辦法。