Ming Apps

Posts Tagged ‘tools

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: Spritehelper

Top features:

  • 自動在的你已經載入的圖片中, 尋找同選擇你的CCSprite Objects / Sprite
  • 將多幅圖片載入同一幅的圖片,同時最佳壓縮化
  • 將你的CCSprite圖片save as PNG
  • Support大部份image format
  • 幫你的sprites create不同的形狀
  • Drag and drop改變Sprite的形狀
  • 放大縮小不同的sprites
  • 加入Sprite的時候可generate codes給你
  • Search functions
  • 跟據Sprite info做sorting

cocos2d本身已經係一個相當好用的library,

外國的Programmer亦都寫左唔少Helper tools幫大家develop cocos2d apps!

SpriteHelper其中一個有趣的地方在於,

佢會有另一個GUI既editor,

有齊Box2d同Chipmunk Physics Engines.

個人感覺,

使用上頗似在CSS Sprite將好多細圖縮做一張!

如果你寫的code大部份都係Game,

不是純粹Display的話,

cocos2d幫到你,呢個SpriteHelper亦幫到你!

Website: http://prefixmycss.com/
Ming Apps - prefixmycss.com

免費 CSS3 工具介紹!

呢一個網頁主要方便大家將你既CSS3 reformat(重新排序)!

大家可以試一試,

佢會自動加入cross-browser compatibility 的css3 code,

以及加入相應的comment(vendor-prefixes),

看來非常好用!


%d 位部落客按了讚: