-
Tools, Web Design 2014‧04‧01
디자이너들에게 추천하는 크롬 브라우저 앱기능
실무자 중에서도 크롬이나 파이어폭스를 이용해서 웹을 서핑하는 분들이 많이 계실꺼라 생각합니다. 그 중에 크롬에는 크롬 웹스토어를 통해 새로운 기능들을 추가할 수 있는데요. 이 앱들로 인해서 작업하기도 수월하고 간단합니다. 1. 창 크기를 조절하여 반응형웹을 테스트하기 적합한 'Window Resizer' 다운로드 경로 : https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh 크롬 브라우저로 위 경로를 접속해서 설치하게 되면 브라우저에 아래와 같이 아이콘이 생깁니다. 이렇게 추가된 […]
-
Javascript, jQuery 2012‧10‧18
jQuery-브라우저 창 사이즈 조절에 따른 이벤트 만들기
브라우저를 크기 조절에 의한 이벤트를 받아 명령을 내릴 때 주로 사용한다.기본 적으로 아래처럼 사용한다. 그런데 이렇게 사용하게 되면 브라우저를 조절하는 동안에 계속해서 작동하게 되어 오히려 브라우저 성능을 저하 시켜서 느려지게 된다.그래서 보통 실무에서는 아래처럼 사용했다. 이렇게 되면 사이즈를 조절이 끝난 0.5초 후에 작동되기에 마우스로 브라우저를 조절이 멈춘 0.5초 후에 작동되게 만든 것이다.
-
Javascript, jQuery 2012‧10‧15
jQuery-div 높이를 창의 100%로 조절할 때 (창 사이즈 유동 적응)
div로 코딩할때 가끔 필요한 것이 height 100%가 안된다는 점이다. 제이쿼리와 자바스크립트를 이용해서 간단히 만들어 본다. function funLoad(){ var Cheight = $(window).height(); $('#container').css({'height':Cheight+'px'}); } window.onload = funLoad; window.onresize = funLoad; 윈도우가 로딩된 후 funLoad를 실행하였고, 창을 조절하면 다시 funLoad를 실행한다. funLoad는 container라는 id를 가진 div의 height값을 조절하라고 명령한다.