css 에서 브라우저의 호환성을 높이기 위해서는 접두어를 붙여야 합니다. 크롬, 파이어폭스, IE, 엣지 브라우저 등 브라우저 마다 지원되는 속성이 다르고, 접두어를 반복해서 쓰는 것이 번거롭고, 성가신 부분이 많습니다.


예를 들어 다음과 같은 코드를 작성한다면 상당히 귀찮아지지요.


 <style>

  .box:hover{

    -moz-transform:rotate(2deg); // 사파리, 크롬, 안드로이드, iOs, webkit 엔진 등

    -webkit-transform:rotate(2deg); // 파이어폭스, 모질라 브라우저 엔진

    -ms-transform:rotate(2deg); // IE

    -o-transform:rotate(2deg); // 오페라

    transform:rotate(2deg);

  }

 </style>


그래서 똑같은 코드를 반복해서 쓰지 않고, 한줄로 요약해서 쓸 수 있다면 편하지 않을까요? http://leaverou.github.io/prefixfree/ 에서 제공하는 스크립트를 이용한다면 접두어를 굳이 붙이지 않아도 됩니다.


 <script src="prefixfree.dynamic-dom.min.js"></script>

 <style>

    .box:hover{

        transform:rotate(2deg);

    }

 </style>


간편하죠?


스크립트는 아래 링크에서 다운로드 받거나 홈페이지 http://leaverou.github.io/prefixfree/ 에서 다운로드 받을 수 있습니다.



다운로드:  prefixfree.dynamic-dom.min.js




<내 컴퓨터>에 설치된 랜카드가 불량인지 확인하는 방법을 설명합니다.


일단 <내 컴퓨터>와 <모뎀>에 정상적으로 랜선이 연결되어있다는 가정에서 설명합니다.


시작 > 실행 에서 <cmd>를 입력합니다. 그 다음 <ping 127.0.0.1>를 입력합니다. 다음 그림처럼 핑이 되면 랜카드 불량은 아니라고 합니다.



일단 랜카드 불량이라면 <요청 시간이 만료되었습니다>라거나 서버를 찾을 수 없다는 등 오류 메시지가 출력됩니다.