브라우저 별 CSS3 / HTML5 지원을 한 눈에 볼 수 있는 Can I use

HTML/CSS2013. 8. 17. 17:38

안녕하세요. 오늘도 간단히 사이트를 하나 소개할까 합니다. 오늘 소개드릴 사이트는 caniuse.com 입니다.

이 사이트는 각 브라우저 및 그 버전별로 CSS3, HTML5, JavaScript API, SVG 및 기타 사항들의 지원 여부를 정리해

둔 사이트입니다.

CSS 3에 맞춰 CSS를 짜다 보면 지금 만들고 있는 이 스타일이 과연 다른 브라우저 (특히 IE)들에서도 다 같이 지원되는지

궁금한 때가 생기는데요, 이 때 Can I use에 접속해서 확인해보면 간편하게 원하는 답을 얻을 수 있습니다.

여기서 살펴볼 수 있는 브라우저는 아래와 같습니다.

정리되어 있는 브라우저

이 사이트에서 특히나 마음에 드는 것은 단순히 지원 여부를 표시해주는 것 뿐만 아니라, 표 아래쪽의 Known Issues (알려진 문제)

탭에서 추가적으로 해결되지 않은 알려진 문제가 있는 지 알려준다는 점입니다. 또한 각종 속성들이 W3C의 작업안 (Working Draft)

인지 권고안 (Recommendation) 인지까지도 모두 상세하게 정리가 되어 있습니다.

이제 CSS 3과 HTML5로 작업하기 좀 더 편해지겠네요.

해당 기능 렌더링에 문제가 있는 브라우저와 버전을 먼저 찾은 뒤에 예외처리 하거나 CSS Hack 써 주면 되니까요.

Project Crestia