Modernizr 예제
https://github.com/youngbeomrhee/jssample/blob/master/definitive_guide_HTML5/ch007/ex_modernizr.html
검색하기 쉬운 콘텐츠 작성하기(by 구글)
https://support.google.com/webmasters#topic=3309300
<style type="text/css"></style>에서 type attribute의 값은 "text/css"가 유일
https://dev.w3.org/html5/spec-preview/the-style-element.html#attr-style-type
https://www.w3schools.com/tags/att_style_type.asp
CSS 시간을 사용한 예제
https://www.w3schools.com/css/tryit.asp?filename=trycss3_animation3
setTimeout 의 다른 용도
많은 양의 작업을 작은 덩어리로 쪼개고 각 덩어리를 setTimeout()을 이용해 1밀리초 간격의 타임아웃을 두고 실행하는 방법으로 스레드를 시뮬레이션할 수 있다. 1밀리초 간격의 타임아웃 덩어리를 사용하면 전체적인 작업 진행 시간이 늘어날 수 있지만, UI를 응답가능한 상태로 유지함으로서 사용자가 더 편하게 브라우저를 제어할 수 있게 해준다. - 자바스크립트 패턴 p.224
반응형 웹에서의 px
기기별로 px 크기가 다르므로 px를 써도 상대적으로 글자 크기가 적용이 됨. rem의 경우 하위 브라우저 호환이 되지 않으므로 실무에서는 잘 쓰지 않음. em의 경우 상대적인 크기가 적용이 되지만, 상속 관계를 가지고 있기 때문에 세부적으로 다루려면 불편할 수도 있다. 실무(우리나라)에서는 px을 쓰는것이 대세라고 함.
Modernizr 예제
https://github.com/youngbeomrhee/jssample/blob/master/definitive_guide_HTML5/ch007/ex_modernizr.html
검색하기 쉬운 콘텐츠 작성하기(by 구글)
https://support.google.com/webmasters#topic=3309300
<style type="text/css"></style>에서 type attribute의 값은 "text/css"가 유일
https://dev.w3.org/html5/spec-preview/the-style-element.html#attr-style-type
https://www.w3schools.com/tags/att_style_type.asp
CSS 시간을 사용한 예제
https://www.w3schools.com/css/tryit.asp?filename=trycss3_animation3
setTimeout 의 다른 용도
많은 양의 작업을 작은 덩어리로 쪼개고 각 덩어리를 setTimeout()을 이용해 1밀리초 간격의 타임아웃을 두고 실행하는 방법으로 스레드를 시뮬레이션할 수 있다. 1밀리초 간격의 타임아웃 덩어리를 사용하면 전체적인 작업 진행 시간이 늘어날 수 있지만, UI를 응답가능한 상태로 유지함으로서 사용자가 더 편하게 브라우저를 제어할 수 있게 해준다. - 자바스크립트 패턴 p.224
반응형 웹에서의 px
기기별로 px 크기가 다르므로 px를 써도 상대적으로 글자 크기가 적용이 됨. rem의 경우 하위 브라우저 호환이 되지 않으므로 실무에서는 잘 쓰지 않음. em의 경우 상대적인 크기가 적용이 되지만, 상속 관계를 가지고 있기 때문에 세부적으로 다루려면 불편할 수도 있다. 실무(우리나라)에서는 px을 쓰는것이 대세라고 함.