세줄코딩

아래와 같은 3가지 방법이 있다. 1. 이미지를 실제로 표시하는 크기의 4배의 크기( 높이2배, 넓이2배 )로 작성. 그리고 img 요소의 width 및 height 에는 표시 크기를 지정. 예> 2. image-set 함수에 따른 대응 방법 ios6 이후 탑재된 Mobile Safari 에 내장된 image-set 함수 사용.image-set 은 디바이스 픽셀 비율등에 따라서 이미지를 분배하는 함수. selector{ background: -webkit-image-set( url( 1x.png ) 1x, url( 2x.png ) 2x ); background: #777;} 3. device-pixel-ratio 를 사용한 대응 방법 /*iPhone3GS 이전, 저해상도 Android단말, deviceP..

IE9 이전 버전에서 HTML5 대응법 http://code.google.com/p/html5shiv html5shiv.js 로딩 예> IE9 이전 버전에서 CSS3 대응법 http://code.google.com/p/css3-mediaqueries-js/ css3-mediaqueries.js로딩 예> 혹은 https://github.com/scottjehl/Respond/

http://html5doctor.com/html-5-reset-stylesheet/ http://meyerweb.com/eric/tools/css/reset https://github.com/necolas/normalize.css

http://thenextweb.com/ http://www.stinkdigital.com/en/ http://brickartist.com/ http://couchdb.apache.org/ http://www.luciopiunti.it/ ( 갤러리 사이트 참조라면 한번 쯤 봐두자 ) http://folksy.com/ ( 쇼핑몰 사이트 참조라면 한번 쯤 봐두자 ) http://mediaqueri.es/( 미디어 쿼리를 사용한 사이트를 소개하는 사이트이다~책갈피 및 즐겨찾기 필수 )

http://css3please.com/ http://css3generator.com/ http://www.westciv.com/tools/gradients/ http://www.css3factory.com/linear-gradients/ http://css3pie.com/ https://code.google.com/p/ie7-js/ http://desandro.github.io/3dtransforms/ ( css3 애니메이션 참조용으로 좋음 )

http://www.google.com/fonts/earlyaccess

css2.1, css3 브라우저별 선택자 가능여부 http://kimblim.dk/css-tests/selectors/

http://opentutorials.org/course/470/2489