html (2) 썸네일형 리스트형 [JavaScript] 브라우저 크기 구하기 : 화면 해상도 구하기 기기에 브라우저 장치가 되는데 디스플레이 크기를 구해야 되었다.처음에는 이미지를 표시해서 몇 픽셀인지 구하려다가 자바스크립트에 화면 크기를 구하는 방법이 있다는 것이 생각났다. 참고: http://stackoverflow.com/questions/2474009/browser-size-width-and-heightvar size = { width: window.innerWidth || document.body.clientWidth, height: window.innerHeight || document.body.clientHeight } 이것을 바탕으로 HTML을 만들어보았다. 전체화면 모드일 경우에는 모니터 해상도를 구할 수 있다. 1) HTML HTML에 가로, 세로를 표시할 span 엘리먼트를 추가했다.. Zen Coding CSS는 HTML문서에서 스타일을 다루는 문법이지만 CSS의 셀렉터 라는 개념은 여러곳에서 응용이 되는 것 같다.하나는 유명한 JavaScript 라이브러리인 jQuery이고, 다른 하나는 Zen Coding이다.Zen Coding은 CSS의 문법을 HTML 엘리먼트들을 생성하기 위해 사용한다. http://code.google.com/p/zen-coding/ 예를 들어, 아래와 같은 id가 content인 div안에 여러 컨텐츠를 입력하려면 손이 많이 간다. Zen Coding을 이용한다면, 한문장으로 생성할 수 있다.아래 문장을 치고 끝에서 Expand abbreviations를 적용하면 위의 HTML코드로 변환이 된다. div#content>div.logo+ul#navigation>li*5>a 이클.. 이전 1 다음
