Ming Apps

Posts Tagged ‘ui

Reference Link: goo.gl/Nfe03

筆者其中一項最煩惱的地方,

莫過於測試介面兼容問題,

經常需要同時間開啟多個瀏覽器測試,

但無奈同一個OS很難測試瀏覽器每一個Version,

那怎麼辦?

Tool Number of browser versions supported IE? Interactive testing? Side-by-side testing? Pricing
Adobe BrowserLab 13 IE6+ No Yes Free
Browsershots 60+ IE6+ No No Free
SuperPreview Varies IE6+ Yes Yes Free
Lunascape 3 IE6+ Yes Yes Free
IETester 6 versions of IE IE5.5+ Yes Yes Free
IE NetRenderer 5 versions of IE IE5.5+ No No Free
Spoon 16+ no IE Yes No Free
Sauce Labs 40+ IE6+ Yes No Free — $499 per month
Browsera 9 IE6+ No Yes Free – $99/month
Browserling 9 IE5.5+ No No Free – $20/month

筆者就為大家介紹一下我曾用過的Adobe BrowserLab 及 BrowserShots吧。

Adobe BrowserLab

Adobe BrowserLab需要成為Adobe的會員才可使用,

當然申請成為新會員是免費的。

齊集多個瀏覽器測試,

包括Firefox3+, IE6+, Chrome and Safari.

adobe browserlab test 2 browsers at the same time

可以並排測試[Chrome 13.0 vs Firefox 5.0]

測試IE6明顯地出現很討厭的Double Margin/Double Padding問題。

BrowserShots

BrowserShots是另一個免費的測試工具,

同一時間抓取多個瀏覽器的測試圖片,

可供測試的瀏覽器比Adobe BrowserLab 更多。

Linux, Windows, BSD的OS都可供測試!

無奈等待時間很長。

以上的測試方式大多以抓圖的方式測試兼容問題,

所以都缺乏一些互動設計的測試,

例如圖片菜單Hover的測試,

Canvas javascript 兼容測試等。

其他的免費軟件,

筆者並沒有測試過,

等待大家發掘吧!

廣告

Link:

1. http://ui-patterns.com/
2. http://subtlepatterns.com/

筆者最近還在看不同的網頁Patterns Designs,

發現了兩個很有用的網頁,

在些分享給大家~

第一個是UI patterns.com,

這個網頁收藏了近千個patterns,

包括E-commerce layout, Product/pricing page, shopping cart,

實在是一個不能不看的網站!

這網站還包含了投票的功能,

一看便知那一個設計受歡迎了吧~

第二個是subtile patterns,

其實是一個背景圖片收集網,

很多淺色深色的背景圖,

相信大家可以簡單的使用photoshop/paint.net,

便能夠改變顏色,

方便嵌入你的網頁裏吧~


%d 位部落客按了讚: