하위버전과 호환 (크로스브라우징)

HTML5 Cross Browser Polyfills

폴리필 목록 : https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills  (Modernizr 측에서 정리하여 제공)

위의 링크에서 약간 필요할 것 같다고 생각되는 부분만 구글번역해서 읽어보았는데

내용 엄청 많다 .. 허허

1. Looking to conditionally load these scripts (client-side), based on feature detects? See Modernizr.

- 조건부로 스크립트를 로드하려면 (클라이언트 측), 기능을 기반으로 탐지합니까? -

( 구글번역을 돌리고 맞춰서 끄적인 내용 -  해보는 중 )

2. Looking for a guide to write your own polyfills? See Writing Cross-Browser JavaScript Polyfills. 

- 당신만의 polyfills 작성가이드를 찾고계십니까? -

( 구글번역을 돌리고 맞춰서 끄적인 내용 -  http://lullu-lalla.tistory.com/6 )

3. Looking for an alphabetical guide on HTML5, CSS3, etc. features, and how to use them? See HTML5PLEASE.

- HTML5, CSS3 등의 기능에 대한 알파벳순 가이드 및 그 사용 방법을 찾고 계십니까? -

( 구글번역을 돌리고 맞춰서 끄적인 내용 -  해보는 중 )

4. Looking for a polyfill combinator? See Polyfiller.

- polyfill 연결자를 찾고 계십니까? -

( 구글번역을 돌리고 맞춰서 끄적인 내용 -  해보는 중 )

[ 내가 사용하고 있는 폴리필 ] 

• html5shiv : HTML5의 섹셔닝 요소(예: <header>, <nav>)를 지원하지 않는 브라우저를 위한 라이브러리
• Placeholder : HTML5의 플레이스홀더(placeholder)의 지원을 통일하기 위해서 제공하는 라이브러리
• Respond : 반응형 웹의 필수 속성중에 하나인 미디어쿼리를 IE6~8에서 지원하기 위한 라이브러리

// 많이들 사용하고 있다는 폴리필

• h5Validate : HTML5의 폼검증 기능을 구현하기 위해 제공하는 라이브러리
• mediaelement.js : HTML5의 <video>와 <audio> 요소들을 모든 브라우저에서 하나의 파일로 같은 UI를 제공하기 위한 라이브러리
• css3pie : CSS3의 border-radius와 box-shadow, liner-gradient를 IE6~9 브라우저에서 지원하기 위한 라이브러리
• selectivizr : CSS3의 의사 클래스(pseudo-class)와 속성 선택자들을 IE6~8에서 지원하기 위한 라이브러리