마크업 개발, 어떤툴들을 사용하시나요?

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

Upload: goonoo-kim

Post on 07-Jul-2015

3.616 views

Category:

Technology


9 download

TRANSCRIPT

Page 1: 마크업 개발, 어떤툴들을 사용하시나요?

마크업 개발, 어떤 툴들을 사용하시나요?

2011-12-17 김군우 (NHN)

Page 2: 마크업 개발, 어떤툴들을 사용하시나요?

Cross Browsing Test

Performance

Accessibility

Page 3: 마크업 개발, 어떤툴들을 사용하시나요?

Cross Browsing Test

Page 4: 마크업 개발, 어떤툴들을 사용하시나요?

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

Page 5: 마크업 개발, 어떤툴들을 사용하시나요?

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

Page 6: 마크업 개발, 어떤툴들을 사용하시나요?

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

Page 7: 마크업 개발, 어떤툴들을 사용하시나요?

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

Page 8: 마크업 개발, 어떤툴들을 사용하시나요?

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

Page 9: 마크업 개발, 어떤툴들을 사용하시나요?

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

Page 10: 마크업 개발, 어떤툴들을 사용하시나요?

Performance

Page 11: 마크업 개발, 어떤툴들을 사용하시나요?

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

Page 12: 마크업 개발, 어떤툴들을 사용하시나요?

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

Page 13: 마크업 개발, 어떤툴들을 사용하시나요?

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

Page 14: 마크업 개발, 어떤툴들을 사용하시나요?

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

Page 15: 마크업 개발, 어떤툴들을 사용하시나요?

Accessibility

Page 16: 마크업 개발, 어떤툴들을 사용하시나요?

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

Page 17: 마크업 개발, 어떤툴들을 사용하시나요?

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

Page 18: 마크업 개발, 어떤툴들을 사용하시나요?