맨날 들락거리면서 마땅히 올릴 팁이 없어서 송구하던중,
문득 가끔 편하게 사용하고 있는 한글파일이 눈에 들어와서 올려보려합니다.
모바일 코딩하다보면
디바이스 별로 dpi환산해서 계산해야하는 경우가 가끔 있으실겁니다.
계산기로 일일히 두들기면 힘들지용...
미디어쿼리를 사용해서 dpi계산해서 직접 코딩해야하는경우.. 쓰시면 편리(?)하실겁니다.
제가 모바일 디바이스별 주로 사용하는 dpi가
800, 720, 640, 480, 400, 360, 320 정도라서
해당 수치에 맞춰서 계산되는 표를 하나 만들어 사용중인데...
허접한 계산표지만
혹시 필요한 분이 계실까 싶어 올려드립니다.
상단부분에 800, 720, 640, 480, 400, 360, 320 표 부분은
맨 앞줄 800줄 라인에 수치값을 넣으면 나머지 해상도일때 수치값으로 자동 계산해주는 형식입니다.
디자인 800시안에서 200사이즈의 녀석을 나머지 해상도일때 각각 얼마인지 계산이 되는거지용.
추가로 하단부에 한줄짜리는
a해상도일때 b사이즈면 몇 %에 해당하는지를 계산하는 수식이 적용되어있습니다.
수정해서 사용하시면 될거 같습니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 12281 |
JavaScript
팝업창을 브라우저 해상도 구분없이 항상 중앙에 띄우기 입니다.
1
|
| 20386 | |
| 12280 |
jQuery
간단한 셀렉트 드롭다운 제이쿼리
|
| 12279 |
JavaScript
우클릭해제 소스 보기 자바스크립트 입니다.
|
| 12278 |
JavaScript
미리보기 소스 입니다.
|
| 12277 |
JavaScript
움직임이 자연스러운 자바시계 입니다.
|
| 12276 |
JavaScript
특정사람에게 메일 보내기 입니다.
|
| 12275 |
JavaScript
DirectX의 와이프 기능을 사용한 이미지 스와핑 효과 내기 입니다.
|
| 12274 |
JavaScript
iframe 써서 노 프레임 효과 내기 입니다.
|
| 12273 |
jQuery
이미지 없이 구현하는 간단한 별점 기능 제이쿼리
|
| 12272 | |
| 12260 |
node.js
Node.js - 실시간 위치 추적 (1)
11
|
| 360 | |
| 12258 | |
| 12257 | |
| 12256 | |
| 12255 | |
| 12253 | |
| 12252 | |
| 12251 | |
| 12250 | |
| 12249 | |
| 12248 | |
| 12247 | |
| 12246 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기