close this form

NAME

E-MAIL

TELEPHONE

CAPTCHA CODE
captcha

SUBJECT

MESSAGE

ABOUT | NEWS & EVENT | PORTFOLIO WORDPRESS TIP
close this form

NAME

E-MAIL

TELEPHONE

CAPTCHA CODE
captcha

SUBJECT

MESSAGE

ABOUT | NEWS & EVENT | PORTFOLIO WORDPRESS TIP
close this form

RECENT

highlight

resizeMyBrowser

아이폰 3G와 3GS는 320×480, 구글 넥서스 원은 480×800, 아이폰 4와 4S는 640×960, 아이패드는 768×1024… 웹을 보는 창(브라우저)은 점점 더 다양해지고 있다. 이렇게 다양한 환경 속에서 내 웹사이트는 어떤게 보여질까? resizeMyBrowser는 최근 화두가 되고 있는 반응형 웹사이트를 개발하는데 도움이 될 것 같다.

resizeMyBrowser_click

사용방법은 간단하다. 브라우저 사이즈가 적힌 버튼을 누르면 해당 크기의 창이 새로 생기고 주소창에 확인하려는 웹사이트의 주소를 넣으면 끝. 메뉴에 없는 크기는 추가할 수도 있다.

resizeMyBrowser_new메뉴에 없는 크기는 추가해서 볼 수 있다.

Related Posts

  • 디바이스 및 브라우저 환경을 알려주는 플러그인, PHP Browser Detection 디바이스 및 브라우저 환경을 알려주는 플러그인, PHP Browser Detection 크로스브라우징을 고려해 템플릿 개발할 때, PHP Browser Detection이라는 플러그인은 큰 도움이 된다. <?php if ( is_firefox($version) ) { do stuff }; […]
  • 다양한 웹환경에 대처하는 방법다양한 웹환경에 대처하는 방법 이미지 출처: http://www.instant.ly 불과 3~4년전만 해도 우리나라 사람 대부분이 윈도우를 설치하면 같이 깔리는 익스플로러가 웹브라우저의 전부라고 생각했었다. 아니, "웹 브라우저" 라는 말 자체를 쓰지 […]
  • 내게 맞는 워드프레스 테마 찾기내게 맞는 워드프레스 테마 찾기 wordpress.org에 등록된 테마의 갯수와 다운로드 횟수 워드프레스를 설치하고 제일 먼저 해야할 것 중에 하나가 목적 또는 취향에 맞는 테마를 찾는 일이다. 그런데 어디에서 어떻게 찾지? 워드프레스 테마를 구하는 방법에 […]
%d 블로거가 이것을 좋아합니다: