1. 마크업 개발, 어떤 툴들을 사용하시나요?
2011-12-17 김군우 (NHN)

2. Cross Browsing Test
Performance
Accessibility

3. Cross Browsing Test

4. 수많은 크로스 브라우징 테스트 툴
Browsera, Adobe Browser Lab,
Cloud Testing, Cross Browsing Testing,
Browser Seal, MS SuperPreview, Browser Shots

5. Adobe Browser Lab
- browserlab.adobe.com
- 웹 서비스형
- 무료

6. Cross Browsing Testing
- crossbrowsertesting.com
- 북마클릿 형태로 서버의 Windows/MacOS/Linux를
실행
- $29.95/月 ~

7. Browser Seal
- browserseal.com
- IE Tester를 닮은 툴
- $89 ~

8. MS SuperPreview
- expression.microsoft.com/en-us/dd565874
- PSD와 겹쳐서 비교
- 무료

9. Browser Shots
- browsershots.org
- 수많은 브라우저에서 웹 페이지를 열어 결과를 이미지로
- 무료

10. Performance

11. dynaTrace AJAX Edition
- ajax.dynatrace.com
- Deep Tracing of Internet Explorer & Firefox

12. CSS Sprites Generator (N-MET)
- html.nhncorp.com/markup_tools/nmet
- CSS Sprites 이미지를 쉽고 빠르게 만들자!

13. Markup Complexity Checker
- html.nhncorp.com/markup_tools/complexity
- DOM Tree가 얼마나 복잡한가?

14. Image Optimization Checker
- html.nhncorp.com/markup_tools/imgoptimizer
- 이미지의 메타데이터 체크

15. Accessibility

16. PAJET
- mydeute.com/was/pajet.html
- 북마클릿

17. N-WAX
- Firefox: me2.do/GWzweb
- Chrome: me2.do/GE4giy
- 브라우저 확장 기능 형태

18. 끝