Random Users 隨機產生使用者個人圖片和姓名的線上工具

Random Users 隨機產生使用者個人圖片和姓名的線上工具

Random Users 是一個隨機產生使用者個人照片(大頭貼)和姓名的免費工具,主要提供開發者做為開發和設計時的佔位圖片,這些隨機建立的人物和姓名應不在真實世界存在,就如同之前介紹過的「Generated Photos」就是由人工智慧產生的不存在的臉孔圖庫,後來還有「Face Generator」工具可預先對產生的臉孔自訂各項參數,非常強大!

File Samples 超過 180 種格式範例檔下載,開發測試使用更方便

File Samples 超過 180 種格式範例檔下載,開發測試使用更方便

平常因為工作上會需要測試我都會準備各種範例檔案,一些簡單、常見的檔案格式大多都不會少,偶爾需要少見的格式時除了自己轉檔製作,也能從「File Examples 提供各類型測試用檔案免費下載」網站取得特定格式,好處是更快速、更節省時間,也不用擔心資料安全性等問題(畢竟要做測試檔還要考慮到放什麼內容),最近在寫線上轉檔工具題材時無意間又發現一個類似的免費資源,趕緊分享給大家。

Loaders 為開發者提供免費動態載入圖示 React、HTML、CSS 程式碼

Loaders 為開發者提供免費動態載入圖示 React、HTML、CSS 程式碼

如果在開發網站、應用程式或軟體專案時需要讀取中的動態圖示,UI Ball 有個名為「Loaders」網站收錄 24 種類型獨特、可自訂且輕量化的載入動態圖,Loaders 也是一個 React.js 套件資料庫,打開網站就能在線上直接預覽這些很眼熟的動畫圖,對於要取用拿去開發專案來說非常有用,也不用上網到處尋找動態圖,Loaders 所有動態圖示都有提供對應的 React、HTML 和 CSS 原始碼。

How Big Is My Browser? 打開網頁顯示目前的瀏覽器可見範圍尺寸

How Big Is My Browser? 打開網頁顯示目前的瀏覽器可見範圍尺寸

因為工作需求我時常需要對螢幕進行擷圖,擷取瀏覽器、應用程式視窗畫面,透過 SizeUp 工具可快速調整視窗大小(SizeUp 不是免費軟體,Spectacle 是功能類似的免費替代方案),不過很難得知實際瀏覽器顯示解析度,如果是開發者或設計師想調整頁面,可能需要設定一個確切的顯示範圍進行更精準測試,接下來要介紹的小工具可以滿足類似需求。

Store Switch 一鍵快速切換不同國家 App Store 應用程式商店

Store Switch 一鍵快速切換不同國家 App Store 應用程式商店
Copyright: prima91 / 123RF Stock Photos

身為蘋果使用者一定知道應用程式商店 App Store 在不同國家地區顯示的內容不同,主要取決於帳戶設定的國家和地區,這也和付款方式、帳單地址綁定在一起,有些應用程式只在特定的國家地區商店上架,或是有不同地區不同訂閱價格的情形,不過要在其他國家的 App Store 商店下載應用程式並非容易的事,除了要切換商店、還需要設定當地的帳單地址及付款資訊,如果想在不同的 App Store 商店查看應用程式、檢查功能或排名,可以試試看這個應用程式。

File Examples 提供各類型測試用檔案免費下載

File Examples 測試用影片、音樂、文件、圖片和壓縮檔免費下載

每次寫文章介紹網路服務時,經常會遇到一個很麻煩的問題,那就是「我要使用什麼檔案做為操作範例」,因此我就陸陸續續收集了一些曾經使用過的測試檔案,像是圖片、影片、PDF、網頁文件和壓縮檔,讓我在測試網路服務軟體可以馬上使用。如果你也經常需要進行測試,但是沒有適合的檔案範本,我之前剛好找到很實用的網站推薦給大家。

LINE 分享連結網站縮圖標題錯誤、無法顯示?PagePoker 可強制更新

LINE 分享連結網站縮圖標題錯誤、無法顯示?PagePoker 可強制更新

當使用者將網址複製、貼上 LINE 時會在對話視窗顯示網頁標題、描述和縮圖,這些資訊是從頁面的 Open Graph 標籤抓取而來,簡單來說,網頁開發者會透過 Open Graph 標籤指定網站標題、說明、固定網址、語言和圖片鏈結等資訊,讓搜尋引擎、社群網站或即時通訊軟體使用這段內容來呈現出預覽效果,因此完善 Open Graph 標籤資訊很重要,有助於讓網頁在各種平台顯示正確資訊。

Printables 可列印免費手機模型草稿紙,以更清晰的思路開發應用程式

Printables 可列印免費手機模型草稿紙,以更清晰的思路開發應用程式

雖然沒有親身參與過手機應用程式專案,但可以想見在開發前期應該會有一段繪製草稿的過程,將各種想法經過討論轉為可視化應用程式草圖,才能夠繼續接下來的調整,這時候就必須把應用程式畫面畫出來。最近看到一個有助於應用程式開發的免費資源,提供許多手機模型模版,只要將它下載、列印出來就變成草稿紙,直接在紙上繪製更方便。

如何在瀏覽器不支援 Adobe Flash Player 後繼續播放 SWF 檔案?

如何在瀏覽器不支援 Adobe Flash Player 後繼續播放 SWF 檔案?(Windows、Mac、Linux)

從 2021 年 1 月 12 日開始,Adobe 將會禁止 Flash Player 播放 Flash 內容,主流瀏覽器會繼續停用對 Flash Player 的支援,我前段時間也寫了一篇「Adobe 提供 Flash Player 解除安裝工具 Windows、Mac 使用者需下載移除」教學,依照官方說明,若沒有手動移除,程式依然會留在使用者的電腦上,Adobe 在 Flash Player EOL(產品壽命結束)後不會再提供任何更新或安全性修復,建議將它從電腦移除有助於保護使用者安全。

Screenshot Tracker 擷取並追蹤網頁長截圖,測試在不同裝置顯示情形

Screenshot Tracker 擷取並追蹤網頁長截圖,測試在不同裝置顯示情形

網站開發者經常需要測試網頁在不同裝置、螢幕大小的顯示樣貌,以前會針對行動裝置另外製作一個行動版,現在比較普遍作法是使用響應式網頁設計(Responsive web design,簡稱 RWD),可自動調整為最適合閱讀的大小,但這些開發過程可能都得借助於測試工具幫忙,例如瀏覽器外掛程式 Responsive Viewer 可在單一頁面查看不同螢幕大小裝置的顯示樣式,或是透過線上工具 ScreenDump 預覽網站在不同尺寸螢幕顯示效果。