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 原始碼。

Mesh 漸層色背景產生器,加入顏色以拖曳方式扭曲漸變效果

Mesh 漸層色背景產生器,加入顏色以拖曳方式扭曲漸變效果

如果你喜歡 iPhone、Mac 漸層顏色背景圖片,其實也可以自己動手做,之前介紹過不少漸層色的背景產生器,像是「Gradient Backgrounds」就是一站式的漸層背景產生工具整合各種服務(有點像是 The Stocks 2 整合免費圖庫、影片、圖示和字型的感覺),或是 WebGradients 收錄超過 180 種漸層色背景免費下載,產生 CSS 3 語法在取用顏色更方便。 其他還有像是 BlendColorSparkCoolHue 都是類似的圖案產生器服務。

SEO Checker 專業 SEO 報告工具,找出各種網頁問題並提供解決方案

SEO Checker 專業 SEO 報告工具,找出各種網頁問題並提供解決方案

如果說到要怎麼改善搜尋引擎最佳化(SEO)成效,我通常會說先把程式碼寫對寫正確,然後檢查一下網站速度使用者體驗,尤其是 Google 已經將網站使用體驗核心指標(Core Web Vitals)列為搜尋排序的因素,如何最佳化三項指標:LCP、FID 和 CLS 就是目前最重要的工作,另一方面,必須要仔細閱讀「Google 搜尋引擎最佳化入門指南」有助於建立起正確的觀念。以往各項網站最佳化操作依然可行,也是網站管理者必須要注意而且時時刻刻檢視的項目,透過一些工具進行分析有助於找出並且釐清應該進行的相關操作。

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

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

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

WebPageTest 網站效能檢測工具,協助將使用體驗核心等各項指標最佳化

WebPageTest 網站效能檢測工具,協助將使用體驗核心等各項指標最佳化

大家都知道 Google 今年已將網站使用體驗核心指標(Core Web Vitals)列為搜尋排序因素之一,也就是說管理者需要努力讓網站三項指標:LCP、FID 和 CLS 維持在良好狀態,因此除了速度也要考量到各種網頁元件放置,透過不斷修改調整和測試來使瀏覽者獲得更好的體驗,如果是 Cloudflare 使用者不妨開啟「啟用 Cloudflare Browser Insights 收集網站 Web Vitals 和效能指標」功能來分析數據,Google 自家提供的 PageSpeed Insights 也能在輸入網址後進行檢測並獲得相關數據表現。

Google Chrome 瀏覽器內建螢幕截圖,抓取網頁畫面免安裝擴充功能

Google Chrome 瀏覽器內建螢幕截圖,抓取網頁畫面免安裝擴充功能

一般來說我比較習慣使用 Mac 內建的截圖功能,只要熟記快捷鍵就能快速擷取特定範圍、視窗畫面或整個螢幕,之前寫過「變更 Mac 內建拍攝截圖功能格式、儲存路徑和螢幕快照檔名」教學搭配使用就能將螢幕擷圖功能發揮到最大、最完整,跟 Windows 內建截圖功能有異曲同工之妙,不過如果平常偶爾才擷取網頁特定畫面、上傳雲端圖片空間或傳給朋友,其實 Google Chrome 瀏覽器也內建螢幕截圖工具,接下來就教大家怎麼把這項功能打開吧!

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

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

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

微軟提供 Windows 11 企業版開發環境,四種虛擬機器套件免費下載

微軟提供 Windows 11 企業版開發環境,四種虛擬機器套件免費下載

今年底微軟推出新一代的 Windows 11 作業系統,大家都升級了嗎?還是繼續用 Windows 10 呢?全新的作業系統外觀和操作看起來更吸引人,未來還會支援 Android 應用程式,不過在釋出後依然是獲得了正反兩面的評價,其中之一是更嚴格的硬體需求限制,以至於很多不夠新的電腦即使可以正常運作 Windows 10 可能都會遇到無法順利升級 11 的問題,之前介紹過使用 WhyNotWin11 檢查無法升級的原因,也可以使用以下兩個工具繞過安裝限制:

FAKE INFO GENERATOR 個資產生器建立隨機帳號、信用卡、電話地址

FAKE INFO GENERATOR 個資產生器建立隨機帳號、信用卡、電話地址

這項產品已經無法使用,請搜尋其他替代方案。

如果開發人員有測試上的需要,例如要產生很多的人頭帳號,用於測試系統功能操作或介面開發等等,可使用線上產生器取得各種隨機個資,例如 FakeNa.meFake Name Generator 可隨機產生姓名、Email、電話號碼、帳號、密碼、生日、地址等等個人資訊,而這些資料其實都是不存在的,可以用在測試、提高線上隱私(註冊帳號不想被服務取得真實身份),而且也比隨意亂填來得更像真的。