크로스 브라우징 CSS3 코드를 만들어주는 사이트 Prefixr

글쓰는 현재의 시점에 각 브라우져별로 접두사를 사용합니다.
-webkit, -moz, -ms, -o 등등이 있지요.

오늘 소개하는 사이트는 http://prefixr.com/ 입니다.
이 사이트는 하나의 코드를 넣으면 각 브라우져의 접두사를 알아서 넣어 만들어줍니다.

옵션으로는 줄바꿈을 추가한다든가, 코드를 압축하는 등의 옵션이 있고, 각 브라우져의 접두사를 제외할 것인지를 선택할 수 있습니다.
간단하게 사용법을 알려드리겠습니다.

접속하면 코드가 있는데 모두 지우고 내가 만든 코드를 넣습니다.
줄바꿈도 안되고 띄어쓰기도 안된 그냥 예제 코드를 하나 넣어보겠습니다.

아래 Prefixize 를 클릭합니다.

이런식으로 이 prefixr.com 은 각 브라우져에 맞게 접두사를 알아서 넣어줍니다.
하나의 스타일만 넣으면 알아서 만들어줍니다.
꺼꾸로 어떤 하나의 브라우져 접두사를 넣은 코드를 넣어도 알아서 각각 삽입해줍니다.

스타일을 작성할때는 그냥 하나의 코드만 작성하고 나중에 배포하거나, 점검할때 이렇게 크로스 브라우징에 맞게 코드를 작성하시기 바랍니다.