- https://autoprefixer.github.io/
- 해당 사이트의 경우 버전별로 지원한다.
- 좌측 하단에 필터가 있고 last * version 을 원하는대로 조정가능하다.
여타 사이트보다 제일 편리한 것 같다. 또한 신뢰가 간다. 가장 추천
- https://codepen.io/
- 새로운 PEN을 생성
- 우측 상단에 세팅이 있다. 세팅 > CSS > Vendor Prefixing > AUTOPREFIXER 로 설정한 후
- CSS에 코드를 붙여넣기 CSS우측 화살표 클릭 > View Compiled CSS 클릭
- CSS옆에 Compiled가 빨간색으로 적히고 아래 표시해둔 "{" 를 보면 정상적으로 프리픽스가 완료된다.
다만, 원하는 버전을 체그할 수가 없다. 장점은 CODEPEN에서 작업한 코드의 경우 View Compiled CSS 클릭 한번으로 프리픽스 주석을 달아줄 수 있다는게 장점이다. 제이쿼리를 활용한 완전 자동 -prefix-free 제이쿼리 소스를 활용하는 방법
해당방법은 제이쿼리를 믿고 의지해야하는데 신뢰가 안생겨서 글쓴이는 현재 사용하고있지 않다.
해당 자료는 요기서 4번을 클릭.
'HTML/CSS' 카테고리의 다른 글
검색엔진 최적화(SEO)를 이해하고 반영하는 방법 - 이론편 (4) | 2018.01.18 |
---|---|
티스토리 블로그 구글 웹마스터 도구 연동 / 사이트 맵 / RSS / meta tag (0) | 2018.01.09 |
Flex 정보 정리 (ie10 ~ ) (0) | 2017.12.04 |
웹 브라우저, 운영체제 이용률 (0) | 2017.12.04 |
CSS 버튼 생성기 (0) | 2017.12.02 |
스타일시트 style.css 의 한글이 깨져보일 때 해결방법 (0) | 2017.11.30 |